Javascript menampilkan input data dan cara membuat kalkulator sederhana

Sesuai dengan judul gan kali ini mimin akan share tutorial sederhana mengenai input button dan cara menampilkan hasil inputnya dengan javascript yang mungkin ditutorial berikutnya dapat disandingkan dengan PHP dan dibayar dengan seperangkat alat shalat dibayar tunai wkwkwk.

<!DOCTYPE html>
<html>
<body>
<table>
<tr>
<form name="kalkulator">
<td>Masukkan angka:</td><td><input type="number" name="myNumber1"></td>
</tr>
<tr>
<td>Masukkan angka:</td><td><input type="number" name="myNumber2"></td>
</tr>
</table>
<button onclick="kali()">x</button>
<button onclick="tambah()">+</button>
<button onclick="kurang()">-</button>
<button onclick="bagi()">:</button>
<button onclick="modul()">Modul</button>
<button onclick="eksponensial()">Eksponen</button>
</form>
<script>
function kali() {
var y = document.kalkulator.myNumber1.value;
var x = document.kalkulator.myNumber2.value;
var z = y*x ;
document.write(y+" x "+x+" = "+z).innerHTML = z;
}
</script>
<script>
function tambah() {
var y = eval(document.kalkulator.myNumber1.value);
var x = eval(document.kalkulator.myNumber2.value);
var z = y+x
document.write(y+" + "+x+" = "+z).innerHTML = z;
}
</script>
<script>
function kurang() {
var y = document.kalkulator.myNumber1.value;
var x = document.kalkulator.myNumber2.value;
var z = y-x ;
document.write(y+" - "+x+" = "+z).innerHTML = z;
}
</script>
<script>
function bagi() {
var y = document.kalkulator.myNumber1.value;
var x = document.kalkulator.myNumber2.value;
var z = y / x ;
document.write(y+" : "+x+" = "+z).innerHTML = z;
}
</script>
<script>
function modul() {
var y = document.kalkulator.myNumber1.value;
var x = document.kalkulator.myNumber2.value;
var z = y % x
document.write(y+" % "+x+" = "+z).innerHTML = z;
}
</script>
<script>
function eksponensial() {
var y = document.kalkulator.myNumber1.value;
var x = document.kalkulator.myNumber2.value;
var z = y ** x ;
document.write(y+" eksponen "+x+" = "+z).innerHTML = z;
}
</script>
</body>
</html>

Dengan penjelasan kode sebagai berikut :

Kode	Fungsi
<form name="kalkulator">	menandakan dengan nama form kalkulator sebagai file yang nantinya akan dieksekusi.
<input type="number" name="myNumber1">	Menandakan tipe input sebagai angka dengan nama myNumber1 untuk dibaca oleh JS
<button onclick="kali()">x	Menandakan klik button dengan nama fungsi kali() yang akan digabungkan dengan JS untuk dieksekusi
function kali()	Memanggil kode fungsi kali() dari klik button untuk diterjemahkan menjadi output
var y = document.kalkulator.myNumber1.value;	Membuat sebuah variabel dengan memasukkan kode nama form yaitu kalkulator dan kode nama input myNumber1 untuk diterjemahkan menjadi variabel y
var z = y*x ;	Membuat sebuah variabel dimana didalamnya dimasukkan fungsi aritmatika untuk mengkalikan isi dari variabel y & x
document.write(y+" x "+x+" = "+z).innerHTML = z;	Document write berfungsi untuk menampilkan hasil dari penerjemahan kode sebelumnya agar ditampilkan menjadi output hasil
document.write(y+" x "+x+" = "+z).innerHTML = z;	Menandakan Output yang ditampilkan yaitu hasil input pada variabel y x dan z