index.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Calculator</title>
  6. <link rel="stylesheet" href="./style.css" />
  7. </head>
  8. <body>
  9. <div id="main">
  10. <h1 id="header">Kris' Calculator</h1>
  11. <p id="screen">0</p>
  12. <ul id="calc-buttons">
  13. <li class="calc-button">AC</li>
  14. <li class="calc-button">DEL</li>
  15. <li class="calc-button">%</li>
  16. <li class="calc-button">÷</li>
  17. <li class="calc-button">7</li>
  18. <li class="calc-button">8</li>
  19. <li class="calc-button">9</li>
  20. <li class="calc-button">×</li>
  21. <li class="calc-button">4</li>
  22. <li class="calc-button">5</li>
  23. <li class="calc-button">6</li>
  24. <li class="calc-button">-</li>
  25. <li class="calc-button">1</li>
  26. <li class="calc-button">2</li>
  27. <li class="calc-button">3</li>
  28. <li class="calc-button">+</li>
  29. <li class="calc-button">0</li>
  30. <li class="calc-button">.</li>
  31. <li class="calc-button calc-big">=</li>
  32. </ul>
  33. </div>
  34. <script src="./jquery.min.js"></script>
  35. <script src="./script.js"></script>
  36. </body>
  37. </html>