Jennifer's Calculator

by wrxsti85

HTML

<input type="text" readonly />
<div>
    <button class="num">7</button>
    <button class="num">8</button>
    <button class="num">9</button>
    <button>+</button>
</div>
<div>
    <button class="num">4</button>
    <button class="num">5</button>
    <button class="num">6</button>
    <button>-</button>
</div>
<div>
    <button class="num">1</button>
    <button class="num">2</button>
    <button class="num">3</button>
    <button>x</button>
</div>
<div>
    <button class="num">0</button>
    <button class="clear">C</button>
    <button>/</button>
    <button class="equals">=</button>
</div>

CSS

button {
    font-size: 30px;
    width: 37px;
    background-color: #fc03c4;
    color: #38fc03;
    border-radius: 10px;
    border: solid 2px;
    box-shadow: 3px 3px 4px rgba(0,0,0,.3);
}

input {
    color: #fc03c4;
    border-radius: 10px;
    border: solid 2px;
    padding-left: 5px;
    height: 30px;
    font-size: 18px;
    width: 150px;
}

JavaScript

var charArray = [];
$('button').click(function(){
    
});