Light

n3v1 / calculator Goto Github PK

View Code? Open in Web Editor NEW

9.0 1.0 12.0 616 KB

Build a calculator app in HTML, CSS and JS

Home Page: https://n3v1.github.io/Calculator/

License: MIT License

HTML 24.92% JavaScript 54.14% CSS 20.94%

calculator-application css3 html5 javascript good-first-issue good-practices

calculator's Introduction

Welcome to my Profile

struct Nevio: Developer {
  let name = "Nevio H"
  let pronouns = "he/him/his"
  let role = "iOS & macOS Developer, Beta tester"
  let location = Coordinate2D(51.165691, 10.451526),  // Germany
  let languages = ["de_DE", "en_US", "ita_ITA", "kor_KOR"]
  let skills = ["Swift", "Cpp", "C", "JavaScript", "HTML", "CSS", "TypeScript"]
  let favouriteLanguage = ["Swift", "Cpp"]
  
  func sayHi() {
    print("Hey, thanks for dropping by, feel free to have a look at my work! 🙂")
  }
}

let me = Nevio()
me.sayHi()

Hi, I'm Nevio from Germany, and I do Graphic Design and Development in my free time. I really enjoy learning new languages and frameworks. I also like wireframing, UI, UX, and design in general. I'm currently working at my text-editor ScribbleLab and help at some Projects from TechWithKilian.

calculator's People

Contributors

Stargazers

Watchers

Forkers

phil94comp anubhav1206 jiri132 seabebop vayras arenodi mrtsb chavi362 bolaji06 rajveer07 venkateeshh codetorso

calculator's Issues

🌟 Feature: Decimal numbers

Hi everyone 👋,
I could use some help implementing a decimal functionality that allows the user to calculate decimal numbers.
Example: 12.5 - 3.75

Thank you kindly 🙏
Best regards
NH

🙋 Question: Should we update from CSS to SCSS

Hi everyone,
Hi @chavi362,

I have a question, Should we update from CSS to SCSS? I've read that SCSS should be better than CSS. If so, I could use some help because I have zero experience with SCSS

Best regards
NH

Power feature doesn't work and throws errors

See here:

To reproduce

click on the pow button (1)
click on a number (2)
click the closing bracket
click the evaluate button (3)
see error (4) - furthermore the result is not shown in the result container

🟡 Design: Fix content overlapping

Hello everyone 👋,

I could use some help to fix the ResultArea. If the result is way too long, or the calculation you want to type, in the containers the content is overlapping (see screenshots below).

I would prefer if the font got smaller as more text is displayed.

Thank you kindly 👋
Best regards
NH

🔴 BUG: % is not working properly

Hey there,
Hi @jiri132,
I'm having trouble with the percentage function since I added the decimal feature. Would you mind taking a look and fixing it?

Thank you kindly!
Best regards
NH

🌟 Feature: Advanced arithmetic operations

Hello everyone 👋,
I'm planning to add new arithmetic operations:

To implement this idea I could need your help.

What do you need to be able to do to help here?:

Basic HTML knowledge
Basic/Advanced JavaScript knowledge

Thank you in advance 🙂

Furthermore, If you have an idea for new operations, just let me know.

🔴 BUG: % not working properly

Describe the bug
Well, the % doesn't behave as the normal calculators have the % function behave,

** Idea what you can do to prevent**
you can have 2 types of % behaviors based on input after the % but that would make you probably re-write the whole calculator system and end to implement BOS-MAS in order of breaking down you're instructions and make a correct numeric operation to execute

To Reproduce
Steps to reproduce the behavior:

Go to 'the web server'
Click on '8 , * , 1,0, %'
Scroll down to 'see the console of browser'
See error

Expected behavior
8 * 10% = 0.8
this is because 10% = 0.1 in numeric form
so basically this translates to 8 * 0.1
because it takes 8 * 10% and just parses it to javascript numeric operation it will return an error because it does not do the 10 % through something, like 10 % 1 = 0 because the 1 can fully go into the 10 so there are no leftovers

Screenshots

Desktop (please complete the following information):

OS: [Windows 10 Pro]
Browser [edge]
Version [idk]

Additional context
javascript/computer operations of % are always the leftover form dividing

🟡 Warning: Failed to find a valid digest in the 'integrity' attribute for resource ...

Hi everyone 👋,
I could use some help to fix those issues:

Issue 1

If I launch the calculator and open the dev tools, I get the following warning:

Failed to find a valid digest in the 'integrity' attribute for resource 'https://cdnjs.cloudflare.com/ajax/libs/mathjs/9.4.4/math.min.js' with computed SHA-512 integrity 'OZ6CXzl5JrSc9OM1lxp1OC+zt5gCTVAqy7nWwbdSUE98akAvGl/20WaIqsRUnSpBG+QBkcMkiJVfFvybZ6PtKQ=='. The resource has been blocked.

Additional Infos

Chrome v116.0.5845.96

Issue 2

If I launch the calculator in Firefox and open the dev tools, I get the following warnings:

Additional Infos

Firefox v. latest

Issue 3

If I open the website on Safari I get this error in the console:

Cannot load script https://cdnjs.cloudflare.com/ajax/libs/mathjs/9.4.4/math.min.js. Failed integrity metadata check. Content length: 644951, Expected content length: -1, Expected metadata: sha512-your-cryptographic-digest-here

Additional Infos

Safari v. ? - macOS 13.4.0

Tasks

Issue 1 (Chrome)
Issue 2 (Firefox)
Issue 3 (Safari)

🧹 UI REVAMP

Hi @anubhav1206,
Hi @mrTSB,
Hi everyone,
I could use some help to style the calculator

Tasks

Create a new row for the CRL button
Update the style

If you have any recommendations for a new design, please let me know

Best regards
NH

🔴 BUG: When there is a missing clothing Parenthesis, the calculation failed

an example:

I have a great idea: I want that if closing brackets are missing, before the calculation the application will add brackets at the end of the expression.
I would like to work on it, please @N3v1 assign it to me.

🌟Feature: See calculation that made up result

Is your feature request related to a problem? Please describe.
When you enter a calculation for example 10 * 1242 and you get the output I don't know what I have put into the calculator to get that result,

Describe the solution you'd like
that the area is a 2 fielded area where the text from the result gets returned to when you press the = button,
it will be also cleared when you press delete, or when you put in a new calculation

Additional context
I don't really have any

The subtraction doesn't work, or only sometimes

🟡 Warning: Error with Premissions-Policy header...

Hi everyone 👋,
If the site is launched and the console is opened, a warning appears in the JavaScript console in Chrome upon relaunch. Is this warning important or not?

Best regards
NH

🟡 Adapt website for iPhones and other mobile devices

Hi everyone 👋,
I could use some help to adapt the calculator for iPhones and other mobile devices.

As you can see in the screenshot, the website appears distorted on smaller devices, and some buttons are obstructed by Safari.

Thank you kindly 🙏
Best regards
NH

Create a new Readme

See title

🔴 BUG: Pressing enter without calculation

Describe the bug

The console outputs an error when pressing the enter key on your keyboard

To Reproduce

Press enter

Go to '...'
Click on '....'
Scroll down to '....'
See error

Expected behavior

Nothing unless there is a valid calculation

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [Edge]
Version [e.g. 22]

🔴 BUG: F1 -> F12

Describe the bug

When clicking on F1 through 12 it will print these into the calculator calculation

To Reproduce

Press o of the F keys

Go to '...'
Click on '....'
Scroll down to '....'
See error

Expected behavior
Nothing should happen, just ignoring the button presses

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [Edge]
Version [e.g. 22]

🔴 BUG: Shift + numeric keys

Describe the bug

You should be able to input the things that a calculator could handle and shift + 9 | 0 is able to output ( | ) so really i should be able to do this instead of having to press the ( button on the calculator same for 5, 6, 8 (%, ^, *)

To Reproduce

Hold shift and press 5, 6, 8, 9, 0

Go to '...'
Click on '....'
Scroll down to '....'
See error

Expected behavior

The corrosponding calculator thing should pop up

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [Edge]
Version [e.g. 22]

Additional context
This should be a nice thing to have!

🌟 Feature: Adding keyboard input

Hi everyone 👋,
I need assistance with adding the ability to input numbers and mathematical operators such as addition, subtraction, multiplication, and division with the keyboard.

Thank you kindly
Best regards
NH

🟡Warning: Also define the standard property "background-clip" for compatibility reasons css(vendorPrefix). Determines the background painting area. (Chrome, Safari 3)

Hello everyone 👋, in issue #4. we have an error see title. Anyone interested in helping can go to issue #4.

Note: Please ask first if you can work on the error, since another user is currently working on the error. Please support him if he needs help.

Thanks in advance 🙏 - NH

🔴 BUG: The calculator allows writing arithmetic operator not after a number. So, an error can happen.

example:

the user putted * not after a number.
@N3v1 , please assign it to me

🔴 BUG: pressing i | I

Describe the bug

When pressing i it will generate 3 pi symbols that cant do anything

To Reproduce

Press i

Go to 'the page'
Click on 'nothing'
Scroll down to '....'
See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [Edge]
Version [e.g. 22]

Additional context

This should happend or you want to have e^pi*i or autmaticly generate sqrt(-1
This is because i stands for the imaginary number that yuo get from sqrt(-1) or any negative number in sqrt.

Fix code scanning alert - Inclusion of functionality from an untrusted source

Tracking issue for:

https://github.com/N3v1/Calculator/security/code-scanning/2

create tests

Hi guys,
I require assistance with documenting the code and writing tests for it

Best regards
NH

✍️ Redesign: New User-Interface

Hello everyone 👋,
it would help me if you would help me with the redesign of the calculator.

What do you need to be able to do to help here?:

Basic HTML knowledge
Basic/Advanced CSS knowledge

⚠️ Important Note: Please sync your forks to prevent merge conflicts ⚠️

🔓 Security: Fix code scanning alert - Inclusion of functionality from an untrusted source

CWE-830 - Inclusion of Web Functionality from an Untrusted Source

Tracking issue for:

https://github.com/N3v1/Calculator/security/code-scanning/1

Config Prettier

Hi everyone,
I need someone who can config prettier for this project

Best regards
NH

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.