Alat hitung 1 HTML

  <link href='https://fonts.googleapis.com/css?family=Russo+One|Play' rel='stylesheet' type='text/css'>

    <div class="calculator">

        Materi Informatika

           <div class="calculator_top">

            <div class="calculator_heading">

                <h1 class="calculator_title">MAN KAPUAS</h1>

            </div>

            <div class="calculator_sun-container">

                <div class="calculator_sub-battery"></div>

            </div>

        </div>

        <div class="calculator_screen-container">

            <input type="text" class="calculator_screen" placeholder="0" disabled>

        </div>

        <div class="calculator_keyboard">

            <button class="button clear allClear">AC</button>

            <button class="button clear delete">Del</button>

            <button class="button parcent">%</button>

            <button class="button operatorBtn">&divide;</button>

            <button class="button num">7</button>

            <button class="button num">8</button>

            <button class="button num">9</button>

            <button class="button operatorBtn">&times;</button>

            <button class="button num">4</button>

            <button class="button num">5</button>

            <button class="button num">6</button>

            <button class="button operatorBtn minus">-</button>

            <button class="button num">1</button>

            <button class="button num">2</button>

            <button class="button num">3</button>

            <button class="button operatorBtn">+</button>

            <button class="button num">0</button>

            <button class="button num">00</button>

            <button class="button num dot">.</button>

            <button class="button equalBtn">=</button>

        </div>

    </div>