Add event listener

index.html

@@ -25,9 +25,11 @@
     <hr>
 
     <h2>Otrais Uzdevums</h2>
-    <p id="otraisUzdevums">Hipotenūzas garums, kur a = 189, b = 256 ir </p>
-    <button onclick="otraisUzdevums()">Spied lai iegūtu hipotenūzas garumu</button>
-
+    <input type="number" id="a" placeholder="Hipotenūzas A garums">
+    <input type="number" id="b" placeholder="Hipotenūzas B garums">
+    <button id="otraisUzdevums">Spied lai iegūtu hipotenūzas garumu</button>
+    <p>Hipotenūzas garums ir </p> <p id="otraisUzdevumsParagraph"></p>
+    
     <hr>
 
     <h2>Trešais Uzdevums</h2>

script.js

@@ -27,14 +27,22 @@ function pirmaisUzdevums() {
 
     dateParagraph.innerText += " plkst. " + datums.getHours() + ":" + datums.getMinutes();
 }
-
+/*
 function otraisUzdevums() {
     let hypotParagraph = document.getElementById("otraisUzdevums");
-    let a = 189;
-    let b = 256;
+    let a = document.getElementById("a").value;
+    let b = document.getElementById("b").value;
 
-    hypotParagraph.innerText += " " + Math.hypot(a, b).toPrecision(5);
+    hypotParagraph.innerText = " " + Math.hypot(a, b).toPrecision(5);
 }
+*/
+
+document.getElementById("otraisUzdevums").addEventListener("click", function(e){
+    let hypotParagraph = document.getElementById("otraisUzdevumsParagraph");
+    let a = document.getElementById("a").value;
+    let b = document.getElementById("b").value;
+    hypotParagraph.innerText = Math.hypot(a, b).toPrecision(5);
+});
 
 function tresaisUzdevums() {
     let canvasElement = document.getElementById("tresaisUzdevums");
@@ -51,4 +59,4 @@ function tresaisUzdevums() {
 $('.ceturtaisUzdevums').click(function(){
     $('html, body').animate({scrollTop : 0},800);
     return false;
-});
+});
\ No newline at end of file