diff --git a/src/components/Buttons.js b/src/components/Buttons.js index 12dbeef..6fa5db4 100644 --- a/src/components/Buttons.js +++ b/src/components/Buttons.js @@ -5,7 +5,6 @@ import "./styles/Buttons.css"; const Buttons = ({ inputHandler, clearInput, - clearAnswer, backspace, changePlusMinus, calculateAns, diff --git a/src/components/Calculator.js b/src/components/Calculator.js index de4067f..f7725f7 100644 --- a/src/components/Calculator.js +++ b/src/components/Calculator.js @@ -34,11 +34,6 @@ function Calculator() { setAnswer(""); }; - const clearAnswer = () => { - if (answer === "") setInput(""); - setAnswer(""); - }; - // check brackets are balanced or not const checkBracketBalanced = (expr) => { let stack = []; @@ -109,7 +104,6 @@ function Calculator() { //need to change for answer if (answer === "Invalid Input!!") return; else if (answer !== "") { - console.log(typeof answer); let ans = answer.toString(); if (ans.charAt(0) === "-") { let plus = "+"; @@ -144,7 +138,6 @@ function Calculator() { { className="value" value={input} placeholder="0" - // onChange={onChangeTagInput} maxLength={12} disabled /> @@ -44,6 +43,7 @@ const Display = ({ input, setInput, answer }) => { name="value" className="input" value={answer} + // onChange={onChangeTagInput} disabled /> diff --git a/src/components/styles/Calculator.css b/src/components/styles/Calculator.css index 8c50735..a51f2fd 100644 --- a/src/components/styles/Calculator.css +++ b/src/components/styles/Calculator.css @@ -1,5 +1,5 @@ .container { - background-color: gainsboro; + background-color: #dfe9f5; min-height: 100vh; min-width: 100%; display: flex;