https://github.com/hellokristinafaye/calculator

Calculator using all inline JavaScript
https://github.com/hellokristinafaye/calculator

css html javascript

Last synced: 26 days ago
JSON representation

Calculator using all inline JavaScript

• Host: GitHub
• URL: https://github.com/hellokristinafaye/calculator
• Owner: hellokristinafaye
• Created: 2024-08-28T00:17:40.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-28T01:42:18.000Z (5 months ago)
• Last Synced: 2024-11-13T09:27:25.489Z (3 months ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage: https://hellokristinafaye.github.io/calculator/
• Size: 381 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![1724809259914](image/README/1724809259914.png)

**Calculator Build**

Technologies Used:

* Inline JavaScript

* Vanilla CSS

* Custom color picker

* Live version on GitHub Pages: [Calculator](http://hellokristinafaye.github.io/calculator/)

* From this tutorial: [Calculator by Great Stack](https://youtu.be/cGgLHJGyS34?si=L2x2Iz7DQq_z7JSX)

Future Development:

* Different styling, but I do love the box shadow button illusion

* You have to hit AC after each calculation to clear the result.  I’d like it to start a new calculation with the following button click.

This is pretty cool, I hadn’t thought of just using inline JavaScript for a program.  I love seeing the variety of styles in coding.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcZd_h9SEsZ9CQE1VBCK075PscLf3Bwv2rV4751RUJ9I07t7WmReO1zh6WeJEAA6GIRyOoiW7mXAtKQh0qcWRydkC6CZtTA-M95Zj-ZEBnH3P_9CwmhWUioZQzPvupea5ttpugLwBKemh99njUXs5eAKMvR?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdZbNKGXCVdYDTC4Re6yMX7G7kLOHrKqw71c9eqdKnkJ9cJJEOGoq1nyLWCsgzxqQLCtw-W8R-GdAbm8OJTLoLuA64w8P5xzaa5VVYDbnSUaffy3p39VdQKB_xQ-YaGx1bo-G87t-pzz0xMnsosNBuwCmdG?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfiejFODNc-pzAB0cfn_UqQo6MTsUs230rrdd9zeBUW1DZxuLjBwc37HKwfVfiHbtQahsDmonvPR7HKaGqAzxDxWkXrXro7OJqq_59a8L-oEYaysXHpgcvAqjNRquPkoSsTTmTrSSdgcWS_ZwpIar9i_4DS?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd6rprTbtFldf9m6o8P_JBGnkjdi7hxsIh6Odradd8iohRfCaskyU5g6reLuuK7tA2YQR4aFjcmwL4Rib63TvRpeDs0uFkcTyj8WUEFrUhFstGrRV1dj9pHzZ7OqTw_GX3djXnwrf2Opka6s1yBTXcfdlv8?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfijsngDCUQlxhu935iu_0ft87IIDIwoSojh1UVlt7g7qhuRfBRBuiURYSPd4Athzu47u8lGBdX5Wu8EQVrsi1wR7EIZIORKLG7RKZru8fMMuJyA1TviGRhNbmO9KrkU-cgDwc7_DQ9VQCLBLUB8RYtyRZO?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeV1LFzu1eOkL8jhKR7Im4KIVyMMNvzzI3QsCHPz3tpxRvrxsJSA7wBcGxZYoXE7mn9HvSKgdDMXZ2BVv3fi234MEEmY84bdvbuyy624CSqFkpMHYQWvaA_WCRifaUDTDPoLqoWEgwXeKED7pBaWBQAQWM?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdoPk_yB0cwJmHbLkrKXde8tmCR5hRvSnZBrx_6wZZLe2tcq_cTFEMsrmOtFzfPM0SOONFQ64icvzGwNdlyv8ZGVRTTO1Bdm8UhqvQcOhrMKbHw6obJWJwPp-Bc7VqMfFAu-Mhlx6k4PIRZLRgeRmqn-coe?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfMB2yjWaQ3s3QNIPfSwf_I0QnkevZT2zveO7F23oaHWz3NFuf7Ks_-TzDlwtRID58yccNCe1MS_AIAHIePrgDeiBf6koY1CSuuR44h3p6uPutl-T0sSQ7q3XuxlMvkIttPFNCW9AyBLlOOpnD3wWS1_IiV?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcFgWpaiHcBheQq4cArsbH9qCYDUd3EmwLCM1pKm9zXgcGZcDpUiQ2UPGtONLabXdqyrVTAkCjK07BoM5mRIWXlw7Fo7RECzdVFqCXlPH3FeFC6II0mZOB8x_ekff9F1N4KVU4DiBkbfYfTDpK55HBFCMDm?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXe3280OGmzTuqRhJcDwAGxPf1RxlLJ7p9-s1s8Gl_05tHgLr67KEHodRxKku2eoqt5xDmRT0W_4Kr25XcuEUw06miaXnRCW8AzUig27Rb784HQNNyNUwJa3iaJNvpttnCKTkyFuh6Vfwczb0Z8IWizYp-o?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeiWUAL4P5tuiE3HsJtTY_HJx6dEvkkAcfuoZRUdkxFN-FWVvwu3Ck4lQewyqxOoUmHOhvLWY5TbYnzJQ0_PuadKjzMS_XNTy6zbiTZUbjg8e4I918ZyGd6NFIjbIp8MDEbgNvXw2PR86dun4s-faPtqdu8?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeCwDZQaLlewzPpf6Ivw3Qh8c35OiL_RXhAHElms49dsRwH3llKmvdq-7-fMAvNmQGAAY0pGwWJxjykX8g76xnl49Kfs0ocYAX79VpWpW3maRBeCZqf-Fq1HguhlqdcmfiufFxMbXeQs578p1Cn0ZhW_kjg?key=4EoqsrwlhJqYQpj4NOUs6Q)

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfRPncmcY__nW7Z9at3PM2Tpy1MHkWlJhjDY_nTylh_oNrQqdllP2iRef7ugRdvilpQQf-bMEsRBV_C5dOlyKfppVJQn10vT3s15gFLHPMoqU5TeKl1ESNzRBfjYlV0GKb6XLuVtS3ayA38oNbhbedU6WiY?key=4EoqsrwlhJqYQpj4NOUs6Q)

  ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeBDL8P-l5Lg3wqsxk7-GCiwoXJkvXmgOMs1yVxzx9gdPeFxhFVWeumPr584xwfIu0hDCvDEgeBNCLWLXOXn4AEyiYUirLP6Ilm93czqvy7QWWtk2Sz4Mkft7aP9FQs2H0DT_ASFiebhqu66u5noa_24q0B?key=4EoqsrwlhJqYQpj4NOUs6Q)

**