Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hegdepavankumar/calculator-using-javascript

Calculator Developed By using Javascript, HTML ,CSS and Bootstrap
https://github.com/hegdepavankumar/calculator-using-javascript

bootstrap calculator css frontend javascript learnbydoing project webdevelopment

Last synced: about 1 month ago
JSON representation

Calculator Developed By using Javascript, HTML ,CSS and Bootstrap

Awesome Lists containing this project

README

        

# Calculator-using-javascript

![GitHub](https://img.shields.io/github/license/hegdepavankumar/Calculator-using-javascript?style=flat)
![GitHub top language](https://img.shields.io/github/languages/top/hegdepavankumar/Calculator-using-javascript?style=flat)
![GitHub last commit](https://img.shields.io/github/last-commit/hegdepavankumar/Calculator-using-javascript?style=flat)
![ViewCount](https://views.whatilearened.today/views/github/hegdepavankumar/Calculator-using-javascript.svg?cache=remove)

This Project was developed by using HTML, CSS, and Javascript. this simple calculator which can perform basic arithmetic operations like addition, subtraction, multiplication, or division. this is easy to use and has good UI and UX.

# Output Sample

![calc](https://user-images.githubusercontent.com/85627085/230719659-25604992-9d3f-4f35-83b7-f6a1d1c2de64.png)

# Requirements

* Code Editor (VS Code Preferred)
* Chromium Browser (Chrome Preferred)
* Basic Knowledge of HTML, CSS, Javascript, and Bootstrap

# Features

* Performing simple mathematical calculations
* Error handling in case of wrong expressions

# Folder Structure

We will be using HTML, CSS, BootStrap, and JavaScript for developing a simple Calculator. Check out this image for the folder structure of our project.
The project will include three files, index.html, index.js, and style.css.

![Screenshot-2022-11-21-133717](https://user-images.githubusercontent.com/85627085/230721392-60736c31-f841-459b-8ca1-3ba2b72fb7c3.jpg)

# Conclusion
I hope this was easy to understanding Calculator in HTML CSS JavaScript and that you enjoyed building and learning this at the same time. Along the way, we did some basic dom-manipulation to change the text of the UI, and we also learned to handle exceptions in JavaScript.

## Creator [πŸ”](#Building-a-Simple-Chatbot-in-Python-using-NLTK-master)

(https://github.com/hegdepavankumar). This Project is Created by:-

| [
@hegdepavankumar](https://github.com/hegdepavankumar) |

```
Hey Everyone Please give me a star .. and Follow me for more amazing project ideas and Updates⭐ and don't forget to fork the repo...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Thank you~~~πŸ™πŸ˜~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~