diedVIPs

html knowhow

Button als Bild











Button als Bild mit Klickzähler

Der Counter zählt jeden Klick und speichert ihn.
So sieht´s aus

Klicken Sie auf das Bild und der Counter erhöht sich um 1

Quellcode
<script>
function clickCounter() {
if(typeof(Storage) !== "undefined") {
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)+1;
} else {
localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Sie haben das Bild " + localStorage.clickcount + " mal angeklickt.";
} else {
document.getElementById("result").innerHTML = "Entschuldigung. Ihr Browser unterstützt diese Fubktion nicht.";
}
}
</script>

<html>  Hier nichts 
<head>

<style type="text/css">  Hier nichts  </style>
</head>

<body>
<p><button style="background-color:transparent;border:0px" onclick="clickCounter()" type="button">
<img src="../bilder/monroe.jpg" height="150" size="150" alt="monroe" onclick="image()"></button></p>
<div id="result"></div>
Klicken Sie auf das Bild und der Counter erhöht sich um 1

</body>

</html>









Kontakt    Datenschutz    Impressum