Skip to content

Instantly share code, notes, and snippets.

@ryancurtin
Created September 3, 2014 22:35
Show Gist options
  • Save ryancurtin/86f8e4434717858dceb4 to your computer and use it in GitHub Desktop.
Save ryancurtin/86f8e4434717858dceb4 to your computer and use it in GitHub Desktop.
Calculator
<html>
<body>
<head>
<style>
.row {
margin: 10px 0;
}
input {
width: 200px;
height: 40px;
line-height: 40px;
}
button {
width: 30px;
height: 30px;
}
</style>
</head>
<input type="text" />
<div class="row">
<button>1</button>
<button>2</button>
<button>3</button>
<button>(</button>
<button>)</button>
</div>
<div class="row">
<button>4</button>
<button>5</button>
<button>6</button>
<button>+</button>
<button>-</button>
</div>
<div class="row">
<button>7</button>
<button>8</button>
<button>9</button>
<button>*</button>
<button>/</button>
</div>
<div class="row">
<button>0</button>
<button>C</button>
<button>CE</button>
<button>.</button>
<button>=</button>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment