<!DOCTYPE html>
<html>
<head>
<title>belajar kontak form</title>
<body>
<h2>rumus persegi</h2>
<form action=”#”>
<p>sisi</p> <input type=”text” name=”sisi” id=”sisi” > <p>sisi</p> <input type=”text” name=”sisi1″ id=”sisi1″ > <br>
<input type=”button” onclick=”persegi()” value=”hasil”>
</form>
<p id=”hasil”>
</p> <script> function persegi(){ var sisi = document.getElementById(‘sisi’).value; var sisi1 = document.getElementById(‘sisi1’).value; document.getElementById(‘hasil’).innerHTML = sisi*sisi1; } </script> <br>
<h2>rumus persegi panjang</h2>
<form action=”#”>
<p>panjang</p> <input type=”text” name=”panjang” id=”panjang” >
<p>lebar</p> <input type=”text” name=”lebar” id=”lebar” > <br> <input type=”button” onclick=”persegipanjang()”value=”hasil”>
</form> <p id=”hasilpersegipanjang”>
</p> <script> function persegipanjang(){ var panjang = document.getElementById(‘panjang’).value; var lebar = document.getElementById(‘lebar’).value; document.getElementById(‘hasilpersegipanjang’).innerHTML = panjang*lebar; } </script> <br>
<h2>rumus segita</h2>
<form action=”#”>
<p>alas</p> <input type=”text” name=”alas” id=”alas” > <p>tinggi</p> <input type=”text” name=”tinggi” id=”tinggi” > <br>
<input type=”button” onclick=”segitiga()” value=”hasil”> </form> <p id=”hasilsegitiga”></p>
<script> function segitiga(){ var alas = document.getElementById(‘alas’).value; var tinggi = document.getElementById(‘tinggi’).value; document.getElementById(‘hasilsegitiga’).innerHTML = (alas*tinggi)%2; } </script> <br>
<h2>rumus lingkaran</h2>
<form action=”#”>
<p>phi (di isi 3.14)</p> <input type=”text” name=”phi” id=”phi” >
<p>jari-jari</p> <input type=”text” name=”jari” id=”jari” >
<br> <input type=”button” onclick=”lingkaran()” value=”hasil”>
</form>
<p id=”hasillingkaran”>
</p> <script> function lingkaran(){ var phi = document.getElementById(‘phi’).value; var jari = document.getElementById(‘jari’).value; document.getElementById(‘hasillingkaran’).innerHTML = phi*(jari*jari); } </script> </body> </head></html>
Ranung RGI Surabaya 