Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Aplikasi / Blog / Buku / computer / Informasi / kreatif / Materi / Motivasi / pendidikan

Contoh Aplikasi atau Script Matematika Dasar Aritmatika

Posting Komentar


Aplikasi Penjumlahan

!DOCTYPE html

<html lang="id">

<head>

  <meta charset="UTF-8">

  <title>Penjumlahan Dua Bilangan</title>

  <style>

    body {

      font-family: Arial, sans-serif;

      margin: 30px;

    }

    input {

      padding: 5px;

      margin: 5px;

    }

    button {

      padding: 7px 15px;

      cursor: pointer;

    }

    #hasil {

      font-weight: bold;

      margin-top: 10px;

    }

  </style>

</head>

<body>


  <h2>Penjumlahan Dua Bilangan</h2>


  <label for="angka1">Angka pertama:</label>

  <input type="number" id="angka1"><br>


  <label for="angka2">Angka kedua:</label>

  <input type="number" id="angka2"><br>


  <button onclick="jumlahkan()">Jumlahkan</button>


  <p id="hasil"></p>


  <script>

    function jumlahkan() {

      const a = parseFloat(document.getElementById("angka1").value);

      const b = parseFloat(document.getElementById("angka2").value);


      if (isNaN(a) || isNaN(b)) {

        document.getElementById("hasil").innerText = "Masukkan dua angka yang valid!";

      } else {

        const hasil = a + b;

        document.getElementById("hasil").innerText = `Hasil penjumlahan: ${hasil}`;

      }

    }

  </script>


</body>

/html

Aplikasi Pengurangan

!DOCTYPE html
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Pengurangan Dua Bilangan</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 30px;
    }
    input {
      padding: 5px;
      margin: 5px;
    }
    button {
      padding: 7px 15px;
      cursor: pointer;
    }
    #hasil {
      font-weight: bold;
      margin-top: 10px;
    }
  </style>
</head>
<body>

  <h2>Pengurangan Dua Bilangan</h2>

  <label for="angka1">Angka pertama:</label>
  <input type="number" id="angka1"><br>

  <label for="angka2">Angka kedua:</label>
  <input type="number" id="angka2"><br>

  <button onclick="kurangkan()">Kurangkan</button>

  <p id="hasil"></p>

  <script>
    function kurangkan() {
      const a = parseFloat(document.getElementById("angka1").value);
      const b = parseFloat(document.getElementById("angka2").value);

      if (isNaN(a) || isNaN(b)) {
        document.getElementById("hasil").innerText = "Masukkan dua angka yang valid!";
      } else {
        const hasil = a - b;
        document.getElementById("hasil").innerText = `Hasil pengurangan: ${a} - ${b} = ${hasil}`;
      }
    }
  </script>

</body>
/html

Aplikasi Perkalian

!DOCTYPE html
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Perkalian Dua Bilangan</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 30px;
    }
    input {
      padding: 5px;
      margin: 5px;
    }
    button {
      padding: 7px 15px;
      cursor: pointer;
    }
    #hasil {
      font-weight: bold;
      margin-top: 10px;
    }
  </style>
</head>
<body>

  <h2>Perkalian Dua Bilangan</h2>

  <label for="angka1">Angka pertama:</label>
  <input type="number" id="angka1"><br>

  <label for="angka2">Angka kedua:</label>
  <input type="number" id="angka2"><br>

  <button onclick="kalikan()">Kalikan</button>

  <p id="hasil"></p>

  <script>
    function kalikan() {
      const a = parseFloat(document.getElementById("angka1").value);
      const b = parseFloat(document.getElementById("angka2").value);

      if (isNaN(a) || isNaN(b)) {
        document.getElementById("hasil").innerText = "Masukkan dua angka yang valid!";
      } else {
        const hasil = a * b;
        document.getElementById("hasil").innerText = `Hasil perkalian: ${a} × ${b} = ${hasil}`;
      }
    }
  </script>

</body>
/html

Aplikasi Pembagian

!DOCTYPE html
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Pembagian Dua Bilangan</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 30px;
    }
    input {
      padding: 5px;
      margin: 5px;
    }
    button {
      padding: 7px 15px;
      cursor: pointer;
    }
    #hasil {
      font-weight: bold;
      margin-top: 10px;
    }
  </style>
</head>
<body>

  <h2>Pembagian Dua Bilangan</h2>

  <label for="angka1">Angka pertama (pembilang):</label>
  <input type="number" id="angka1"><br>

  <label for="angka2">Angka kedua (penyebut):</label>
  <input type="number" id="angka2"><br>

  <button onclick="bagikan()">Bagikan</button>

  <p id="hasil"></p>

  <script>
    function bagikan() {
      const a = parseFloat(document.getElementById("angka1").value);
      const b = parseFloat(document.getElementById("angka2").value);

      if (isNaN(a) || isNaN(b)) {
        document.getElementById("hasil").innerText = "Masukkan dua angka yang valid!";
      } else if (b === 0) {
        document.getElementById("hasil").innerText = "Penyebut tidak boleh nol!";
      } else {
        const hasil = a / b;
        document.getElementById("hasil").innerText = `Hasil pembagian: ${a} ÷ ${b} = ${hasil}`;
      }
    }
  </script>

</body>
/html

Simpan script ini dengan ekstensi HTML.lalu buka di browser anda

@ChatGPT 
5/5/2025
Ini hasil trial error

Anda mungkin menyukai postingan ini :

Posting Komentar untuk "Contoh Aplikasi atau Script Matematika Dasar Aritmatika"