Skip to content

Instantly share code, notes, and snippets.

@sbernhardi
Last active November 8, 2016 15:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sbernhardi/90febca59aaf077073991c8ff42ef148 to your computer and use it in GitHub Desktop.
Save sbernhardi/90febca59aaf077073991c8ff42ef148 to your computer and use it in GitHub Desktop.
CF Calculator
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FutureDev's Calculator</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="calculator">
<div class="rowstart operator" id="reset">CE</div>
<div class="row" id="screen"><div id="display">0</div></div>
<div class="rowstart number" id="7">7</div>
<div class="row number" id="8">8</div>
<div class="row number" id="9">9</div>
<div class="row operator" id="divide">/</div>
<div class="rowstart number" id="4">4</div>
<div class="row number" id="5">5</div>
<div class="row number" id="6">6</div>
<div class="row operator" id="multiply">x</div>
<div class="rowstart number" id="1">1</div>
<div class="row number" id="2">2</div>
<div class="row number" id="3">3</div>
<div class="row operator" id="substr">-</div>
<div class="rowstart number" id="0">0</div>
<div class="row operator" id="decimal">.</div>
<div class="row operator" id="equals">=</div>
<div class="row operator" id="add">+</div>
</div>
<script src="js/calculator.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment