JSFiddle - React, Tailwind, and code Playground

by Reza Padillah

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Kalkulator Sederhana</title>
	<link rel="stylesheet" href="style.css">

	<script type="text/javascript">
	function tambah(){
		var angka1 = parseFloat(document.getElementById("angka1").value),
		angka2 = parseFloat(document.getElementById("angka2").value),
		hasil = angka1+angka2;
		document.getElementById("hasil").value = hasil;
	}


	function kurang(){
		var angka1 = parseFloat(document.getElementById("angka1").value),
		angka2 = parseFloat(document.getElementById("angka2").value),
		hasil = angka1-angka2;
		document.getElementById("hasil").value = hasil;
	}

	function kali(){
		var angka1 = parseFloat(document.getElementById("angka1").value),
		angka2 = parseFloat(document.getElementById("angka2").value),
		hasil = angka1*angka2;
		document.getElementById("hasil").value = hasil;
	}

		function pangkat(){
		var angka1 = parseFloat(document.getElementById("angka1").value),
		angka2 = parseFloat(document.getElementById("angka2").value),
		hasil = (Math.pow(angka1, angka2))
		document.getElementById("hasil").value = hasil;
	}
	</script>


</head>
<body>
	
	<header>
		<h1>Kalkulator Dengan javascript</h1>	
	</header>

<form action="" id="frmKalkulator">
	<label for="">Angka 1</label> <input type="text" name="satu" value="" id="angka1"><br>
	<label for="">Angka 2</label> <input type="text" name="dua" value="" id="angka2"><br>
	<label for="">Hasil <span>=</span></label>  <input type="text" name="" value="" id="hasil"><br><br>
	<button onclick="tambah();">+</button>
	<button onclick="kurang();">-</button>
	<button onclick="kali();">x</button>
	<button onclick="bagi();">/</button>
	<button onclick="pangkat();">PT</button>
</form>
</body>
</html>