calculator.html

<!DOCTYPE html>
<html>
    <head>
        <title>Simple Calculator</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="calculator.css">
    </head>
    <body>
      
      
      <div class="calculator">
        <div class="hasil">
        </div>
        
        <div class="numbers">
          <button class="num1">1</button>
          <button class="num2">2</button>
          <button class="num3">3</button>
          <button class="num4">4</button>
          <button class="num5">5</button>
          <button class="num6">6</button>
          <button class="num7">7</button>
          <button class="num8">8</button>
          <button class="num9">9</button>
          <button class="num0">0</button>
          <button class="hapus">C</button>
        </div>
      
        <div class="operators">
          <button class="tambah">+</button>
          <button class="kurang">-</button>
          <button class="kali">×</button>
          <button class="bagi">÷</button> 
        </div>
      
        <button class="submit">=</button>
      
      </div>
        
        <script src="calculator.js"></script>
    
    </body>
</html>