can
Version:
MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.
41 lines (38 loc) • 1.36 kB
HTML
<html lang="en" data-framework="canjs">
<head>
<meta charset="utf-8">
<title>CanJS • TodoMVC</title>
<link rel="stylesheet" href="./base.css">
<link rel="stylesheet" href="./index.css">
</head>
<body>
<button id="start-test" type="button">Start testing</button>
<section id="todoapp" class="todoapp">
</section>
<footer id="info">
<p>Double-click to edit a todo</p>
<p>Written by <a href="http://bitovi.com">Bitovi</a></p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
<script src="../../../../node_modules/steal/steal.js" main="view/stache/benchmark/todomvc/main"></script>
<script>
document.getElementById("start-test").addEventListener("click", function(){
var start = new Date();
var numberOfItemsToAdd = 100;
for (var i = 0; i < numberOfItemsToAdd; i++) {
var newTodo = document.getElementById("new-todo");
newTodo.value = 'Something to do ' + i;
var changeEvent = document.createEvent('Event');
changeEvent.initEvent('change', true, true);
newTodo.dispatchEvent(changeEvent);
var keydownEvent = document.createEvent('Event');
keydownEvent.initEvent('keyup', true, true);
keydownEvent.keyCode = 13; // VK_ENTER
newTodo.dispatchEvent(keydownEvent);
}
console.log(new Date() - start)
});
</script>
</body>
</html>