JSFiddle - React, Tailwind, and code Playground

by giovanni gokhan morkoc

HTML

<html>

  <head>
    <title>JavaScript Toplama</title>

  </head>

  <body>
    <form>
      1. Sayı<input type="number" id="birinci" /><br> 2. Sayı<input type="number" id="ikinci" /><br>
      <input type="button" id="button" value="Topla" onClick="hesapla();" />
    </form>
    <p id="demo">Sonuç Burada yer alacak</p>

    <hr>
    <br>

  </body>

</html>

JavaScript

function hesapla(x, y, toplam, salak) {

  salak = "Thats me bro";

  x = Number(document.querySelector("#birinci").value);
  y = Number(document.querySelector("#ikinci").value);

  toplam = x + y;

  document.querySelector("#demo").innerHTML = toplam;
}