Javascript 投票　メモ

JavaScript

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>人気投票</title>
</head>

<style>

.gr4 > *{width: 23.4%; float:left;padding:0.4em;}
img{width:100%; height: auto;}
</style>

<body>
<div class="gr4">
<div>
<p onclick='cnt("clk");'><img src="img/01.jpg"></p>
</div>

<div>
<p onclick='cnt("msdn");'><img src="img/02.jpg"></p>
</div>

<div>
<p onclick='cnt("msup");'><img src="img/03.jpg"></p>
</div>

<div>
<p onclick='cnt("msmv");'><img src="img/04.jpg"></p>
</div>

</div>

<div id="info">計測中</div>

<script>

var clk = 0,msdn = 0, msup = 0, msmv = 0;
function cnt(i) {
switch(i) {
case "clk": clk++; break;
case "msdn": msdn++; break;
case "msup": msup++ ;break;
case "msmv": msmv++; break;
}


document.getElementById("info").innerHTML
="<ul><li>エントリー１" + clk + "</li>" +
"<li>エントリー２" + msdn + "</li>" +
"<li>エントリー３" + msup + "</li>" +
"<li>エントリー4" + msmv + "</li></ul>";
}
</script>

</body>
</html>