hyperHTML/test/article.html at hyperhtml-style · lineCode/hyperHTML · GitHub

38 lines (36 loc) · 899 Bytes

<!doctype html>

<html>

<head>

</head>

function update(render, state) {

render`

<h3>${state.title}</h3>

List of ${state.paragraphs.length} paragraphs:

<ul>

${state.paragraphs.map(

p => hyperHTML.wire(p)`

<li> ${p.title} </li>`)}

</ul>

</article>

}

const articleElement = document.querySelector('article');

const state = {

title: 'True story',

magic: true,

paragraphs: [

{title: 'touching'},

{title: 'incredible'},

{title: 'doge'}

]

};

const render = hyperHTML.bind(articleElement);

update(render, state);

</script>

</html>

Expand file tree