Membuat Number Counter Otomatis Menggunakan Javascript

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 pertanyaannya melalui artikel ini . hahaha.

Sebenarnya ada banyak cara untuk membuat logika perhitungan otomatis pada javascript ini, bisa menggunakan perulangan dan logika yang lainnya, 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 tutorial selanjutnya.

Terimakasih.