Orta Düzey Kod Yapısına Sahip Örnektir;
Kod:
Çıktı Ekran Görüntüsü;
Kod Çıktısı yukarıdaki gibi olacaktır. + ve - butonlarına basınca rakamın değiştiğini göreceksiniz.
Kod:
Kod:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
input[type="button"]{
width: 200px;
height: 200px;
border:none;
font-size:3em;
background: #FF6766;
color:#E7E7E7;
}
</style>
<title>Dragons War JavaScript Butona Tıklayınca Sayıyı Arttırma / Azaltma Örneği</title>
</head>
<body>
<input type=button onclick="arttir()" value="+">
<input type=button onclick="azalt()" value="-">
<input type=button id="sonuc" value="0">
<script>
function arttir(){
var sonuc=document.getElementById("sonuc");
sonuc.value=Number(sonuc.value)+1;
}
function azalt(){
var sonuc=document.getElementById("sonuc");
sonuc.value=Number(sonuc.value)-1;
}
</script>
</body>
</html>
Çıktı Ekran Görüntüsü;
Kod Çıktısı yukarıdaki gibi olacaktır. + ve - butonlarına basınca rakamın değiştiğini göreceksiniz.