Module1Lab/lab.js at master · PebblesFaith/Module1Lab · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
/* Create window.prompt for users to input their first name into my lab calculator
   webpage. */
var userName = window.prompt("Please enter your first name:");


/* Modify the contents, so my greetingParagraph user's name is appended to the
   ending of the 'Welcome to Arithmetic Operations are Fun.' */
var greetingpParagraph = document.getElementById("greeting-container1");
greetingpParagraph.innerHTML += ", " + userName;

/* Prompt the user to enter the first (1st) and second (2nd) number and store the
operandOne and operandTwo variables names to an integer values using 'parseint function'
in order to read using input, as a number and not a string.*/
var operandOne = parseInt(window.prompt("Please enter your first (1st) number:"));

var operandTwo = parseInt(window.prompt("Please enter your second (2nd) number:"));

/* Create varaible names (operand1 and operand2) to store and later display each number the
   user has entered and assigned them to the apporpriate id elements.  */
var operand1 = document.getElementById("operand-container1");
operand1.innerHTML += operandOne;

var operand2 = document.getElementById("operand-container2");
operand2.innerHTML += operandTwo;

/* Create all arithmetic operations variables in 'total#' and store the results of
   operandOne and operandTwo for later outputs. */

var total1 = operandOne + operandTwo;
var total2 = operandOne - operandTwo;
var total3 = operandOne * operandTwo;
var total4 = operandOne / operandTwo;
var total5 = operandOne % operandTwo;

/* Update each id elements outputs and [or] with texts, in order to display each
   arithmetic operations variable onto the webpage. */

/*var sum = document.getElementById("addition");
sum.innerHTML += total1;*/

document.getElementById("addition").innerHTML = "The sum of " + operandOne + " plus (+)" + operandTwo + " is " + total1 + ".";

/*var difference = document.getElementById("subtraction");
difference.innerHTML += total2;*/
document.getElementById("subtraction").innerHTML = "The difference between " + operandOne + " minus (-) " + operandTwo + " is " + total2 + ".";

/*var product = document.getElementById("multiplication");
product.innerHTML += total3;*/
document.getElementById("multiplication").innerHTML = "The product of " + operandOne + " times (*) " + operandTwo + " is " + total3 + ".";

/*var quotient = document.getElementById("division");
quotient.innerHTML += total4;*/
document.getElementById("division").innerHTML = "The quotient of " + operandOne + " divided by (/) " + operandTwo + " is " + total4 + ".";

/*var modResult = document.getElementById("modulus");
modResult.innerHTML += total5;*/

document.getElementById("modulus").innerHTML = "The modulus or remaining when dividing (%) " + operandOne + "  by " + operandTwo + " is " + total5 + ".";