Beginner Coding Project : Calculator

Hi to all Malaysian like me. I am opening this discussion thread for us to create simple calculator project using only html, css and javascript. Let's share our work and design and learn from each other. Hi saya nak ajak semua Malaysian macam saya. Saya buka thread ini untuk kita test coding skill kita membuat aplikasi calculator menggunakan language html, css dan javascript. Boleh kongsikan hasil kerja dan belajar antara satu sama lain.

html css javascript website web coding malaysia

19th Feb 2024, 6:43 AM

Afif Azmi

3 Answers

Here's sample table for calculator to begin with: <!DOCTYPE html> <html> <style> table, th, td { border:solid skyblue; } </style> <body> <h2>Basic Calculator</h2> <table style="width:50%; text-align:center;" > <tr> <td>1</th> <td>2</th> <td>3</th> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>0</td> <td>.</td> <td>=</td> </tr> </table> </body> </html> You can go to this link to run the code: https://sololearn.com/compiler-playground/WKWpZV6u1024/?ref=app

19th Feb 2024, 6:55 AM

Afif Azmi

Ni contoh sample code untuk create table calculator: <!DOCTYPE html> <html> <style> table, th, td { border:solid skyblue; } </style> <body> <h2>Basic Calculator</h2> <table style="width:50%; text-align:center;" > <tr> <td>1</th> <td>2</th> <td>3</th> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>0</td> <td>.</td> <td>=</td> </tr> </table> </body> </html> Boleh try run code ni kat code playground link ni: https://sololearn.com/compiler-playground/WKWpZV6u1024/?ref=app Code belum complete: - display number - formula Jom try buat ikut kreativit masing-masing.

19th Feb 2024, 6:57 AM

Afif Azmi

I'm not Malaysian, just here to share this https://sololearn.com/compiler-playground/W67skgudp6Cj/?ref=app

19th Mar 2024, 11:54 AM

IAmSupreme