35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CU-BENCH</title>
|
|
<style>
|
|
body { font-family: -apple-system, sans-serif; margin: 24px; }
|
|
.grid { display: grid; grid-template-columns: repeat(4, 160px); gap: 12px; margin: 16px 0; }
|
|
button { padding: 12px; font-size: 14px; }
|
|
input, textarea { width: 480px; font-size: 14px; padding: 8px; display: block; margin: 8px 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Computer Use Benchmark</h1>
|
|
<div class="grid" id="grid"></div>
|
|
<input id="field" placeholder="type here" aria-label="bench-field">
|
|
<textarea id="area" rows="3" aria-label="bench-area" placeholder="textarea here"></textarea>
|
|
<label><input type="checkbox" id="check" aria-label="bench-check"> bench-check</label>
|
|
<script>
|
|
window.__events = [];
|
|
const names = ["alpha","bravo","charlie","delta","echo","foxtrot","golf","hotel","india","juliett","kilo","lima"];
|
|
const grid = document.getElementById("grid");
|
|
for (const n of names) {
|
|
const b = document.createElement("button");
|
|
b.id = "btn-" + n;
|
|
b.textContent = "btn-" + n;
|
|
b.addEventListener("click", () => window.__events.push({ t: Date.now(), type: "click", id: b.id }));
|
|
grid.appendChild(b);
|
|
}
|
|
document.getElementById("check").addEventListener("change", (e) =>
|
|
window.__events.push({ t: Date.now(), type: "check", checked: e.target.checked }));
|
|
</script>
|
|
</body>
|
|
</html>
|