Untuk artikel kali ini kita kembali lagi ke masa sekolah dulu ya, dimana kita pernah belajar sebuah matematika disitu kita pernah belajar yang namanya faktorial, hayo apakah teman-teman masih ingat tentang sebuah faktorial, jika belum nanti kita bahas pada paragraf selanjutnya ya. maka dari itu jangan kemana-mana sebentar lagi kita akan cara membuat penghitungan faktorial dengan mudah menggunakan javascript.
Oke sebelum kita masuk dalam cara membuat penghitungan faktorial dengan mudah menggunakan javascript, saya akan menjelaskan sedikit apa itu faktorial, jadi faktorial itu adalah sebuah perkalian semua bilangan asli, oke kita masuk contohnya aja, jadi seperti ini:
|
1 2 3 4 5 6 7 8 9 10 11 |
0! = 1 1! = 1 2! = 1 × 2 = 2 3! = 1 × 2 × 3 = 6 4! = 1 × 2 × 3 × 4 = 24 5! = 1 × 2 × 3 × 4 × 5 = 120 6! = 1 × 2 × 3 × 4 × 5 × 6 = 720 7! = 1 × 2 × 3 × 4 × 5 × 6 × 7 = 5040 8! = 1 × 2 × 3 × 4 × 5 × 6 × 7 × 8 = 40320 9! = 1 × 2 × 3 × 4 × 5 × 6 × 7 × 8 × 9 = 362880 10! = 1 × 2 × 3 × 4 × 5 × 6 × 7 × 8 × 9 × 10 = 3628800 |
ini adalah sebuah bilangan faktorial dari 0 – 10, sudah kebayang ya teman-teman jadi disini saya akan membuat sebuah inputan dan saya akan memasukan sebuah angka dimana itu yang saya ingin ketahui hasil faktorialnya, seperti itu ya teman-teman, saya membuat cukup simple ko teman-teman, oke sekarang kita langsung masuk saja kedalam contoh pembuatannya:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<!DOCTYPE html> <html> <head> <title>Cara Membuat Penghitungan Faktorial dengan mudah Menggunakan Javascript</title> <meta charset="utf-8"> <style type="text/css"> .container{ width: 500px; margin: auto; text-align: center; border: 2px solid red; padding: 20px; border-radius: 20px; } </style> </head> <body> <div class="container"> <h1>Cara Membuat Penghitungan Faktorial dengan mudah Menggunakan Javascript</h1> <form> <input type="" name="" id="input"> <button id="button">CEK</button> <div id="demo"></div> </form> <script type="text/javascript"> var input = document.getElementById("input") var button = document.getElementById("button") var demo = document.getElementById("demo") button.addEventListener("click", function(e){ e.preventDefault() var valInp = input.value; var hasil = 1; for(var i=valInp; i>0; i--){ hasil *=i; } demo.innerHTML = `Hasil Faktorial Dari <strong> ${valInp} </strong> adalah <strong> ${hasil} </strong>`; }) </script> </div> </body> </html> |
Hal yang pertama saya lakukan adalah, membuat sebuah variabel untuk menampung sebuah tag yang sudah saya berikan idnya, dan disini saya akan membuat sebuah event click, dan silahkan lihat kodenya tidak asing ya, disini saya juga membuat sebuah kondisi if else, sekarang akan coba memasukan sebuah angka 10, dan kita lihat berapa hasilnya:
bisa dilihat hasilnya ada di bawahnya ya teman-teman. hasil dari faktorial 10 adalah 36288 oke saya rasa cukup sampai disini dulu belajar kita tentang cara membuat penghitungan faktorial dengan mudah menggunakan javascript,semoga bermanafaat dan sampai jumpa pada artikel selanjutnya, terimakasih.