You are on page 1of 2

<html> <head> <script language="javascript"> function aksi(){ var npm = document.input.set_npm.value; document.output.get_npm.value =npm ; var matakul = document.input.set_matakul.value; document.output.get_matakul.

val ue =matakul ; var jmlsks = document.input.set_jmlsks.value; document.output.get_jmlsks.value =jmlsks ; var biaya = document.input.set_jmlsks.value; document.output.get_biaya.value =b iaya*25000 ; var totalsks = document.akhir.total_sks.value = jmlsks; var totalbiaya = document.akhir.total_biaya.value = jmlsks*25000; } </script> </head> <body> <strong>GENAP</strong> <h2><i>Input</i></h2> <form name="input" > <table width="500" border="0" cellpadding="1" cellspacing="1"> <tr> <td width="225">Input NPM</td> <td><input type="text" name="set_npm" maxlength="12" size="30"></td> </tr> <tr> <td width="225">Input Mata Kuliah</td> <td><input type="text" name="set_matakul" maxlength="12" size="30"></td> </tr> <tr> <td width="225">Input Jumlah SKS</td> <td><input type="text" name="set_jmlsks" size="5"></td> </tr> <tr> <td align="center" colspan="2" ><input type="button" value="Next" name="tombo l1" onClick="aksi()"> <input type="reset" value="Cancel" name="tombol2"></td> </tr> </table> </form> <h2><i>Output</i></h2> <form name="output" > <table border="1" cellspacing="0" cellpadding="0" width="40%"> <tr> <td align="center" width="15%">NPM</td> <td align="center" width="15%">MATA KULIAH</td> <td align="center" width="15%">JUMLAH SKS</td> <td align="center" width="15%">BIAYA</td> </tr> <tr > <td width="20%" height="30" align="center"><input type="text" name="get _npm"></td> <td width="20%" align="center"><input type="text" name="get_matakul"></ td> <td width="20%" align="center"><input type="text" name="get_jmlsks"></t

d> <td width="20%" align="center"><input type="text" name="get_biaya" ></td > </tr> <tr > <td width="20%" height="30" align="center"><input type="text"></td> <td width="20%" align="center"><input type="text"></td> <td width="20%" align="center"><input type="text"></td> <td width="20%" align="center"><input type="text"></td> </tr> <tr > <td width="20%" height="30" align="center"><input type="text"></td> <td width="20%" align="center"><input type="text"></td> <td width="20%" align="center"><input type="text"></td> <td width="20%" align="center"><input type="text"></td> </tr> </table> <p></p> </form> <form name="akhir" > <table width="300" border="1" cellspacing="0" cellpadding="0" > <tr> <td align="left" width="50%"><div align="center">Total SKS</div></td> <td align="center" width="50%"><input type="text" name="total_sks"></td> </tr> <tr> <td align="left" width="50%"><div align="center">Total Biaya</div></td> <td align="center"><input type="text" name="total_biaya"></td> </tr> </table> </form> </body> </html>

You might also like