Membuat Number Counter Otomatis Menggunakan Javascript
Di panduan kali ini kamu akan belajar bagaimana cara Merancang Number Counter Otomatis Menggunakan Javascript .
Beberapa hari yang lalu ada yang bertanya bagaimana caranya membangun hitungan otomatis menggunakan javascript, nah dari situ saya tertarik bagi menjawab pertanyaannya via artikel ini . hahaha.
Sesungguhnya ada banyak cara bagi membangun logika perhitungan otomatis di javascript ini, dapat menggunakan perulangan dan logika yang lainnya, bagi 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 di browsernya masing-masing dan hasilnya akan seperti ini :
silahkan klik tombol mulai karenanya program tersebut akan menghitung dari 0 hingga 10 karena saya batasi angkanya hanya hingga 10.
itu saja bagi panduan kali ini, semoga bermanfaat hingga bertemu di panduan berikutnya.
Terimakasih.
Sumber https://kursuswebsite.org