Add initial dot-dom
This commit is contained in:
parent
8238d21f2f
commit
4340442e5d
|
@ -63,6 +63,8 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/dot-dom@0.3.0/dotdom.min.js"></script>
|
||||
<script type="text/javascript" src="script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,26 @@
|
|||
function Hello(props) {
|
||||
return H('div', `Hello ${props.toWhat}`);
|
||||
}
|
||||
|
||||
function FinalImage(props) {
|
||||
return H('img', { src: props.src });
|
||||
}
|
||||
|
||||
function Dropdown(props) {
|
||||
return H('select', { className: 'dropdown' },
|
||||
props.options.map(o => H('option', o))
|
||||
);
|
||||
}
|
||||
|
||||
function Clickable(props, state, setState) {
|
||||
const { clicks = 0 } = state;
|
||||
|
||||
return H('button',
|
||||
{
|
||||
onclick() {
|
||||
setState({ clicks: clicks + 1 })
|
||||
}
|
||||
},
|
||||
`Clicked ${clicks} times`
|
||||
);
|
||||
}
|
Loading…
Reference in New Issue