Update hamels/index.html
This commit is contained in:
@@ -31,6 +31,23 @@ img {
|
|||||||
border: 3px solid black;
|
border: 3px solid black;
|
||||||
background-color: white;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -67,9 +84,29 @@ img {
|
|||||||
Door deze afbeeldingen gingen mensen Napoleon bewonderen en steunen.
|
Door deze afbeeldingen gingen mensen Napoleon bewonderen en steunen.
|
||||||
</p>
|
</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>
|
<footer>
|
||||||
<p>Gemaakt door Tristan – schoolproject</p>
|
<p>Gemaakt door Tristan – schoolproject</p>
|
||||||
</footer>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user