How much does your coffee cost you?
What coffee do you buy each day?
<div id = “wrapper”; style=”float: left; width: 400px; height: 150px”> <div class="button" id="cappuccino"></div> <div class="button" id="latte"></div> <div class="button" id="americano"></div> <div class="button" id="expresso"></div> <div class="button" id="flatwhite"></div> <div id = “day-wrapper”; style=”float: right; width: 400px; height: 150px”> <h2 id="cupsTotal"> You drink cups a day</h2> <h2 id="dayCostResult">You spend £ </h2> <div class="button" id="calculate"></div> <div id="results-wrapper"> <h3 id="yearCostResult" class="red">You will spend £ on coffee a year</h3> <h3 id="lifeCostResult" class="red">You will spend £ on coffee in your 47-year caffeine-addled working life </h3> </p></div>
Our designer Dave drew it to make it look good, added some internet game tricks he'd learnt from UsVsTh3m and our developer added the CSS so it all fitted behind the design. So it ended up looking like this.
To see it work properly - check it out on the Ampp3d site here.