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

35 lines (31 loc) · 816 Bytes

<!doctype html>

<html>

<head>

</head>

const element = () => hyperHTML.wire()`<span>Element</span>`

let condition = true;

const render = hyperHTML.bind(document.body);

function update() {

return render`

<div>

<button onclick=${toggle}>Click a couple times</button>

<br>

This works: ${condition ? element() : ''}

<br>

This Doesn't: <span>${condition ? element() : ''}</span>

<br>

Am I supposed to do this?: <span>${[condition ? element() : '']}</span>

</div>

function toggle() {

condition = !condition;

update();

}

update();

</script>

</html>

Expand file tree