uhtml/test/shuffled.html at node-iterator · Smallscript-Corp/uhtml · GitHub

History

51 lines (47 loc) · 1007 Bytes

Raw

<!DOCTYPE html>

<head>

const {render, html} = uhtml;

const update = (items) => {

const ref = document.querySelector('.list-items');

render(ref, html`

<ul>

${items.map(

({id, name}) =>

html.for(ref, id)`<li data-id=${id}>${name}</li>`

)}

</ul>`

);

};

const items = [

{id: 1, name: 'Article X'},

{id: 2, name: 'Article Y'},

{id: 3, name: 'Article Z'},

];

this.onload = () => {

update(items);

let i = setInterval(

(randomly) => {

items.sort(randomly);

try {

update(items);

}

catch(error) {

clearInterval(i);

throw error;

}

100,

() => Math.random() - Math.random()

);

};

</script>

</head>

<body>

</body>

</html>

uhtml/test/shuffled.html at node-iterator · Smallscript-Corp/uhtml · GitHub

Uh oh!

Expand file tree

Breadcrumbs

shuffled.html

Latest commit

History

Breadcrumbs

shuffled.html

File metadata and controls