ilham_hax0r

Memasukkan Data ke dalam Tabel (JavaScript & Form HTML)

Dec 16th, 2016
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--Indonesian C0der Leak-->
  2. <!--Created By : Ilham Wicaksono :)-->
  3.  
  4. <html>
  5.     <head>
  6.         <title>Memasukkan Data ke dalam Tabel</title>
  7.     </head>
  8.     <body>
  9.         <script type="text/javascript">
  10.             function masukkan()
  11.             {
  12.                 var data1 = document.getElementById("input1").value;
  13.                 document.getElementById("hasil1").innerHTML = data1;
  14.                 var data2 = document.getElementById("input2").value;
  15.                 document.getElementById("hasil2").innerHTML = data2;
  16.                 var data3 = document.getElementById("input3").value;
  17.                 document.getElementById("hasil3").innerHTML = data3;
  18.                 var data4 = document.getElementById("input3").value;
  19.                 document.getElementById("hasil4").innerHTML = data4;
  20.             }
  21.         </script>
  22.         <h1>Input data di masukkan ke tabel dengan Javascript</h1>
  23.         </br>
  24.         <table>
  25.             <form onsubmit='return false'>
  26.                 <tr>   
  27.                     <td>Nama</td>
  28.                     <td>:</td>
  29.                     <td><input type="text" id="input1" name="nama" placeholder="Ilham Wicaksono"/></td>
  30.                 </tr>
  31.                 <tr>
  32.                     <td>NIM</td>
  33.                     <td>:</td>
  34.                     <td><input type="text" id="input2" name="nim" placeholder="L2001600XX"/></td>
  35.                 </tr>
  36.                 <tr>
  37.                     <td>TTL</td>
  38.                     <td>:</td>
  39.                     <td><input type="text" id="input3" name="ttl" placeholder="03-10-1997"/></td>
  40.                 </tr>
  41.                 <tr>
  42.                     <td>Jurusan</td>
  43.                     <td>:</td>
  44.                     <td><input type="radio" id="input4" name="jurusan" value="Informatika">Informatika</input> | <input type="radio" id="input4" name="jurusan" value="Komunikasi">Komunikasi</input></td>
  45.                 </tr>
  46.                 <tr>
  47.                     <td></td>
  48.                     <td></td>
  49.                     <td><button onclick="masukkan()">Sumbit</button></td>
  50.             </form>
  51.         </table>
  52.         </br>
  53.         <table border="1" cellpadding="10">
  54.             <tr>
  55.                 <th>Nama</th>
  56.                 <th>NIM</th>
  57.                 <th>TTL</th>
  58.                 <th>Jurusan</th>
  59.             </tr>
  60.             <tr align="center">
  61.                 <td name="nama"><span id="hasil1"/></td>
  62.                 <td name="nim"><span id="hasil2"/></td>
  63.                 <td name="ttl"><span id="hasil3"/></td>
  64.                 <td name="jurusan"><span id="hasil4"/></td>
  65.             </tr>
  66.         </table>
  67.     </body>
  68. </html>
Advertisement
Add Comment
Please, Sign In to add comment