document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  8.     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  9.     <title>Tugas PWEB - jQuery</title>
  10. </head>
  11. <body>
  12.     <div class="container-fluid">
  13.         <center>
  14.             <h1>Latihan Jquery</h1>
  15.             <br>
  16.             <div class="container">
  17.                 <div class = "form-group">
  18.                     <label for = "book">Nama Buku :</label>  
  19.                     <input type="text" id = "txtNewBook" class="form-control"/>
  20.                 </div>
  21.                 <br>
  22.                 <div class="form-group">
  23.                     Semua Buku :
  24.                     <select id = "DDLbook" class="form-control">
  25.                         <option value="">Pilih</option>
  26.                     </select>
  27.                 </div>
  28.                 <br>
  29.                 <input type="button" id = "btnAdd" value="Tambah Buku" class = "btn btn-primary"/>
  30.                 <script>
  31.                     $(\'#btnAdd\').click(function(){
  32.                         var newbook = $(\'#txtNewBook\').val();
  33.                         $(\'#DDLbook\').append(new Option(newbook, newbook));
  34.                     })
  35.                 </script>
  36.             </div>
  37.         <br/>
  38.         <br/>
  39.         <br/>
  40.         <br/>
  41.         <a href="tugas2.php" class="btn btn-primary">Menuju Tugas ke 2</a>
  42.         </center>
  43.     </div>
  44. </body>
  45. </html>
');