Pada tutorial kali ini anda akan belajar bagaimana cara Membuat Number Counter Otomatis Menggunakan Javascript .
Beberapa hari yang lalu ada yang bertanya bagaimana caranya membuat hitungan otomatis menggunakan javascript, nah dari situ saya tertarik untuk menjawab pertanyaaanya melalui artikel ini . hahaha.
sebenarnya ada banyak cara untuk membuat logika perhitungan otomatis pada javascript ini, bisa menggunakan perulangan dan logikan yang lainya, untuk ini saya menggunakan logika perulangan tanpa menggunakan for.. Berikut caranya :
<html>
<head>
<title></title>
<style>
.container{
width:300px;
margin:100px auto;
}
</style>
</head>
<body>
<div class="container">
<span>Dumet</sapan>
<h1 id="str"></h1>
<button onclick="timer()">mulai</button>
</div>
<script type="text/javascript">
var c = 0;
function timer()
{
setInterval("count()", 1000);
}
function count()
{
if(c <= 10){
document.getElementById("str").innerHTML = c;
c++;
}
}
</script>
</body>
</html>setelah kalian salin, silahkan jalankan pada browsernya masing-masing dan hasilnya akan seperti ini :
silahkan klik tombol mulai maka program tersebut akan menghitung dari 0 sampai 10 karena saya batasi angkanya hanya sampai 10.
itu saja untuk tutorial kali ini, semoga bermanfaat sampai bertemu pada tuorial selanjutnya.
Terimakasih.
The post Membuat Number Counter Otomatis Menggunakan Javascript appeared first on Kursus Website Terbaik.