From 1fa72d80a48dd07695f3b12496fbc17487026541 Mon Sep 17 00:00:00 2001 From: Jeremias Cuello Date: Mon, 5 Feb 2024 18:35:49 -0300 Subject: [PATCH 1/2] fix - changing percentage to mod --- index.html | 2 +- script.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 9c64f42..75a09b0 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@
- + diff --git a/script.js b/script.js index f978e1f..4d50671 100644 --- a/script.js +++ b/script.js @@ -10,7 +10,7 @@ function getOutput() { function printOutput(num) { document.getElementById("output-value").innerText = num; } -var lst = ["%", "/", "+", "-", "*"]; +var lst = ["mod", "/", "+", "-", "*"]; var f = false; var operator = document.getElementsByClassName("number"); @@ -36,7 +36,7 @@ for (var i = 0; i < operator.length; i++) { printOutput(""); printHistory(""); } else { - var outpu = eval(output); + var outpu = eval(output.replaceAll('mod', '%')); // print(outpu); if (outpu == undefined) { outpu = "NaN"; From d1119cf0b1bd9bd4cb979564313370baa61fc8f6 Mon Sep 17 00:00:00 2001 From: Jeremias Cuello Date: Mon, 5 Feb 2024 19:12:10 -0300 Subject: [PATCH 2/2] add - styles --- index.html | 6 +++--- style.css | 14 +++++--------- 2 files changed, 8 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index 75a09b0..d0fe301 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ Simple Javascript Calculator - +
@@ -48,10 +48,10 @@
-
+
Developed with 💖 From Pure Javascript
-

+

© Copyright 2020 | Designed & Developed by Devanshu Vashishtha | All Rights Reserved.

diff --git a/style.css b/style.css index 4ea045b..708ad9b 100644 --- a/style.css +++ b/style.css @@ -5,15 +5,11 @@ body { body::-webkit-scrollbar { display: none; } -/* #container { - display: flex; - width: 100%; - height: fit-content; - padding: 20px; - background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); - - margin: 20px auto; -} */ +#container { + display: grid; + gap: 30px; + background-image: linear-gradient(rgba(4, 0, 255, 0.3), rgba(255, 3, 87, 0.3)); +} #calculator { max-width: 320px; width: 340px;