Update hamels/index.html

2026-02-05 11:04:46 +01:00
parent f3f3605b1b
commit 8a0b4ae969
1 changed files with 37 additions and 0 deletions
--- a/hamels/index.html
+++ b/hamels/index.html
@@ -31,6 +31,23 @@ img {
    border: 3px solid black;
    background-color: white;
 }
+
+.buttons {
+    margin: 20px;
+}
+
+button {
+    font-size: 18px;
+    padding: 10px 20px;
+    margin: 10px;
+    cursor: pointer;
+    border: 2px solid black;
+    background-color: white;
+}
+
+button:hover {
+    background-color: #ddd;
+}
 </style>
 </head>
 <body>
@@ -67,9 +84,29 @@ img {
    Door deze afbeeldingen gingen mensen Napoleon bewonderen en steunen.
 </p>

+<h2>Vond je deze site leuk?</h2>
+<div class="buttons">
+    <button onclick="like()">👍 Duimpje omhoog</button>
+    <button onclick="dislike()">👎 Duimpje omlaag</button>
+</div>
+
+<p id="resultaat"></p>
+
 <footer>
 <p>Gemaakt door Tristan – schoolproject</p>
 </footer>

+<script>
+function like() {
+    document.getElementById("resultaat").innerText =
+        "Bedankt! Fijn dat je het leuk vond 👍";
+}
+
+function dislike() {
+    document.getElementById("resultaat").innerText =
+        "Jammer 😕 bedankt voor je mening!";
+}
+</script>
+
 </body>
 </html>