JSFiddle - React, Tailwind, and code Playground
by brineryte
HTML
<h3>
To Begin, enter an option into the text box below.
</h3>
<div>
Menu <br> <br> 1. + <br> 2. - <br> 3. * <br> 4. / <br> 5. exit <br><br>
</div>
<label id="theLabel"></label>
<input id="theInput" type="text" on/>
<div id="output">
</div>JavaScript
var choice = 5;
var number1 = 0.0;
var number2 = 0.0;
var total = 0.0;
var promptOption = 1;
updatePrompt(promptOption);
var inputField = document.getElementById("theInput");
inputField.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
if (promptOption == 3) {
promptOption = 0;
}
updatePrompt(promptOption + 1);
}
});
function updatePrompt(which) {
switch (which) {
case 1:
{
document.getElementById("theLabel").innerHTML = "Choose an option";
break;
}
case 2:
{
document.getElementById("theLabel").innerHTML = "Enter first number";
break;
}
case 3:
{
document.getElementById("theLabel").innerHTML = "Enter second number";
break;
}
}
}
function menu()
{
do {
switch (choice)
{
case 1:
{
document.write("Add numbers <br>");
add_nums();
document.write(number1 + " + " + number2 + " = " + total);
break;
}
case 2:
{
document.write("Subtract number <br>");
subtract_nums();
document.write(number1 + " - " + number2 + " = " + total);
break;
}
case 3:
{
document.write("multiply number <br>");
multiply_nums();
document.write(number1 + " * " + number2 + " = " + total);
break;
}
case 4:
{
document.write("divide number <br>");
divide_nums();
document.write(number1 + " / " + number2 + " = " + total);
break;
}
case 5:
{
break;
}
}
} while (choice != 5);
}
function add_nums()
...