Homework SourseIn this Windows application I would like you to have two tex
In this Windows application I would like you to have two textboxes on the screen along with an add, subtract, divide, and multiply button. You will enter the 2 numbers on the screen and when any of the buttons are clicked the result for that operation is shown.
What do I need do to in order to complete this question? I also need assistance on configuring the Properties for each button and text box (i.e. TextBox/Button name, text to display, event handler action to complete, etc.) The part I bolded is crucial, I was given an answer to this question, but I don\'t know how to label the buttons and text boxes...Hope this makes sense! Thank you!
Solution
Answer :-
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<style type=\"text/css\">
body {
margin: 30px;
}
</style>
<script>
function add() {
var firstNumber = document.getElementById(\'txtfirstNumber\').value;
var secondNumber = document.getElementById(\'txtsecondNumber\').value;
document.getElementById(\'result\').innerHTML = parseInt(firstNumber) + parseInt(secondNumber);
}
function subtract() {
var firstNumber = document.getElementById(\'txtfirstNumber\').value;
var secondNumber = document.getElementById(\'txtsecondNumber\').value;
document.getElementById(\"result\").innerHTML = parseInt(firstNumber) - parseInt(secondNumber);
}
function multiply() {
var firstNumber = document.getElementById(\'txtfirstNumber\').value;
var secondNumber = document.getElementById(\'txtsecondNumber\').value;
document.getElementById(\"result\").innerHTML = parseInt(firstNumber) * parseInt(secondNumber);
}
function divide() {
var firstNumber = document.getElementById(\'txtfirstNumber\').value;
var secondNumber = document.getElementById(\'txtsecondNumber\').value;
document.getElementById(\"result\").innerHTML = parseInt(firstNumber) / parseInt(secondNumber);
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td>
<label>First Number :</label>
</td>
<td>
<input type=\"text\" id=\"txtfirstNumber\" />
</td>
</tr>
<tr>
<td>
<label>Second Number :</label>
</td>
<td>
<input type=\"text\" id=\"txtsecondNumber\" />
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>
</td>
<td>
<input type=\"button\" onclick=\"add()\" value=\"add\" />
<input type=\"button\" onclick=\"subtract()\" value=\"subtract\" />
<input type=\"button\" onclick=\"multiply()\" value=\"multiply\" />
<input type=\"button\" onclick=\"divide()\" value=\"divide\" />
</td>
</tr>
<tr>
<td>
The Result is :
</td>
<td>
<span id=\"result\"></span>
</td>
</tr>
</table>
</form>
</body>
</html>
