Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head runat="server"&gt; &lt;title&gt;&lt;/title&gt; &lt;script language="javascript" type="text/javascript"&gt; function Add() { var x, y, txtResult; x = document.getElementById('txtFirst').value; y = document.getElementById('txtSecond').value; if (x == " " || y == "") { alert("Please enter FirstValue and SecondValue"); } else{ var txtResult = +x + +y; document.getElementById('txtResult').innerHTML = "Result: " + txtResult; } } function Sub() { var x, y, txtResult; x = document.getElementById('txtFirst').value; y = document.getElementById('txtSecond').value; if (x == " " || y == "") { alert("Please enter FirstValue and SecondValue"); } else { var txtResult = +x - +y; document.getElementById('txtResult').innerHTML = "Result: " + txtResult; } } function Mul() { var x, y, txtResult; x = document.getElementById('txtFirst').value; y = document.getElementById('txtSecond').value; if (x == " " || y == "") { alert("Please enter FirstValue and SecondValue"); } else { var txtResult = +x * +y; document.getElementById('txtResult').innerHTML = "Result: " + txtResult; } } function Div() { var x, y, txtResult; x = document.getElementById('txtFirst').value; y = document.getElementById('txtSecond').value; if (x == " " || y == "") { alert("Please enter FirstValue and SecondValue"); } else if (y != 0) { var txtResult = +x / +y; } else { alert("Second Number Should not be Zero"); } document.getElementById('txtResult').innerHTML = "Result: " + txtResult; } function Clear() { document.getElementById('txtFirst').value = ""; document.getElementById('txtSecond').value = ""; document.getElementById('txtResult').value = ""; } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" runat="server"&gt; &lt;div&gt; &lt;label&gt; FirstNumber :&lt;/label&gt;&lt;br /&gt; &lt;input id="txtFirst" type="text" /&gt;&lt;br /&gt; &lt;label&gt; Second Number :&lt;/label&gt;&lt;br /&gt; &lt;input id="txtSecond" type="text" /&gt;&lt;br /&gt; &lt;label id="txtResult"&gt;&lt;/label&gt;&lt;br /&gt; &lt;input id="btnAdd" type="button" value="ADD" onclick="Add()"/&gt; &lt;input id="btnSub" type="button" value="SUB" onclick="Sub()"/&gt;&lt;br /&gt; &lt;input id="btnMul" type="button" value="MUL" onclick="Mul()"/&gt; &lt;input id="btnDiv" type="button" value="DIV" onclick="Div()"/&gt; &lt;input id="btnClear" type="button" value="Clear" onclick="Clear()"/&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><img src="https://i.stack.imgur.com/IHbWJ.png" alt="enter image description here"></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload