Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>ScriptEd Unit 5 Project: Calculator</title>
- </head>
- <body>
- <div class="container">
- <h1>ScriptEd Unit 5 Project: Calculator</h1>
- <hr/>
- <div class="row">
- <div class="col-md-12">
- <div class="row calc-row">
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">7</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">8</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">9</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">/</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">RAND</button>
- </div>
- </div>
- <div class="row calc-row">
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">4</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">5</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">6</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">x</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">SQRT</button>
- </div>
- </div>
- <div class="row calc-row">
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">1</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">2</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">3</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">-</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">^</button>
- </div>
- </div>
- <div class="row calc-row">
- <div class="col-md-2">
- <button type="button" class="btn btn-default btn-block btn-lg calc-btn">0</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">CLEAR</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">=</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">+</button>
- </div>
- <div class="col-md-2">
- <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">log</button>
- </div>
- </div>
- </div>
- </div>
- <div id="question" class="text-center">
- </div>
- <div id="answer" class="text-center">
- </div>
- </div>
- </body>
- </html>
- <!--
- 1. This project demonstrates the use of mathematical functions.
- 2. This project mocks the use of a calculator.
- 3. Somethimg I would add is a function that clears the answer section after every use.
- -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement