diff --git a/index.html b/index.html index 063ab98..befa8b5 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + Document @@ -18,9 +18,9 @@ - - - + + +
diff --git a/main.js b/main.js index bf60c18..68de18f 100644 --- a/main.js +++ b/main.js @@ -32,13 +32,20 @@ const subtract = (numA, numB) => { const multiply = (numA, numB) => { // * to get a product then return it // Open up the inspector tool in Chrome and select the Console tab to see what this functions is "logging out" to the console. - console.log(numA, numB) + const product = numA * numB + return product } -const divide = null +const divide = (numA, numB) => { + const quotient = numA / numB + return quotient +} // / to get a quotient, -const modulus = null +const modulus = (numA, numB) => { + const remainder = numA % numB + return remainder +} // and % to get a remainder. // This function changes the "operation" variable to be equal to the "id" of the button we choose on the web page. @@ -64,11 +71,11 @@ const equals = () => { break; case "subtraction": putResultInElement(subtract(firstNum, secondNum)) break; - case "multiplication": multiply(firstNum, secondNum) + case "multiplication": putResultInElement(multiply(firstNum, secondNum)) break; - case "division": console.log(divide(firstNum, secondNum)) + case "division": putResultInElement(divide(firstNum, secondNum)) break; - case "modulus": console.log(modulus(firstNum, secondNum)) + case "modulus": putResultInElement(modulus(firstNum, secondNum)) break; default: "Choose an operation" } diff --git a/style.css b/style.css index f6b4813..4796e7e 100644 --- a/style.css +++ b/style.css @@ -2,4 +2,5 @@ body { margin: 20% auto; width: 50%; height: 75%; + } \ No newline at end of file