Add initial dot-dom

public/index.html

@@ -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>

public/script.js

@@ -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`
+    );
+}