Senin, 30 Maret 2020

Cara Membuat Website Menggunakan Javascript

HELLO,Sobat programer kali saya akan menjelaskan bagaimana cara membuat website dengan menggunakan javascript,

Disini saya mempunyai satu contoh website buat kali yang ingin tau bagaimana cara membuat website menggunakan javascript.


Jika kalian ingin membuatnya kalian ikuti langkah berikut cara membuat website perhitungan bunga.

Berikut langkah-langkah pembuatan website perhitungan bunga:

langkah pertama kalian buat dulu filenya yaitu perhitunganbunga.html.




Disini cara mempunyai contoh Script cara membuat website perhitungan bunga.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
  <title>Perhitungan Bunga</title>
</head>
<body>

  <script language= "JavaScript">
    function hitung()
    {

      var saldo=parseFloat(document.ffrom.isaldo.value);
      var bunga=parseFloat(document.ffrom.ibunga.value);
      var waktu=parseFloat(document.ffrom.iwaktu.value);
      var hasil="";
      for(i=1;i<=waktu;i++)

         {

      saldo=saldo+(saldo*bunga);
      hasil=hasil+"Saldo Bulan "+i+"= Rp. "+saldo+"\n";
    }


  document.ffrom.ohasil.value=hasil;
    }

  </script>
  <div style="border: 10px solid #eee; height: 400px; overflow: auto; padding: 20px; width: 700px; left:300px;">
  <form name="ffrom">
    <table border="1" align="center" width="70%">
   <h2><center>Perhitungan Bunga</center></h2>

<br>

   <pre>

Data Input   :
Saldo        <input type="text" size=20 name="isaldo">
Bunga        <input type="text" size=11 name="ibunga"> %
Waktu        <input type="text" size=7 name="iwaktu"> Bulan

</pre>

<center>

    <input type="button" value="submit" onclick="hitung()">
    <input type="reset" value="Reset">

    </center>


  
Hasil Perhitungan      :
<center>
                  <div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 700px;">
                 <textarea name="ohasil" rows="19" cols="83"></textarea>
          </div>
    </center>
      </center>
      </form>
</table>

</div>

</body>
</html>


Jadi begitulah cara membuat website javascript dengan mudah dan praktis,
sekian dari saya agar bermanfaat bagi anda semua yang baru belajar javascript.
Share:

0 komentar:

Posting Komentar

Cari Blog Ini

Pengikut

Unordered List

Diberdayakan oleh Blogger.

Text Widget

Ordered List

Recent Posts

Unordered List

Pages

Theme Support