QP School
JavaScript exercises and solutions - Swap two numbers - Printable Version

+- QP School (https://qomplainerzschool.lima-city.de)
+-- Forum: Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=3)
+--- Forum: JavaScript Tutorials (https://qomplainerzschool.lima-city.de/forumdisplay.php?fid=6)
+--- Thread: JavaScript exercises and solutions - Swap two numbers (/showthread.php?tid=4102)



JavaScript exercises and solutions - Swap two numbers - Qomplainerz - 04-04-2023

The HTML part between the <body></body> tags looks like this:

Code:
Enter the first number here:
<br>
<input type="Text" id="Num1">
<br>
Enter the second number here:
<br>
<input type="Text" id="Num2">
<br>
<input type="button" id="submit" value="submit" onclick="SwapNumbers()"></input>
<p id="Output"></p>
<input type="button" id="reset" value="Reset" onclick="Reset()"></input>

The JavaScript part looks like this:

Code:
function SwapNumbers()
{
  Num1 = document.getElementById("Num1").value;
  Num2 = document.getElementById("Num2").value;
  Num3 = Num1;
  Num4 = Num2;
  Output = "You have entered " + Num4 + " and " + Num3;
  document.getElementById("Output").innerHTML = Output;
}

function Reset()
{
  document.getElementById("Num1").value = "";
  document.getElementById("Num2").value = "";
  document.getElementById("Output").innerHTML = "";
}

Note: The reset button and the reset function are optional in case you want to delete what you were looking for in order to look for something else.