advancedCalc.html

<div class="row holders">
    <article class="col-md-4">
        <h2></h2>
        <!-- Textbox for user input -->
        <p>
            Please enter two different numbers and select one of the following arithmetic operations. This calculation is similar to the Regular Calculator except its only using one function.
        </p>
        <div>
            <input type="number" class="form-control" id="tbFirstNumAd" placeholder="Enter First Number" />
            <input type="number" class="form-control" id="tbSecondNumAd" placeholder="Enter Second Number" />
        </div>
        <div>
            <input type="button" class="btn btn-warning" value="Multiply" onclick="advancedCalc('multiply')" />
            <input type="button" class="btn btn-warning" value="Divide" onclick="advancedCalc('divide')" />
            <input type="button" class="btn btn-warning" value="Subtract" onclick="advancedCalc('minus')" />
            <input type="button" class="btn btn-warning" value="Add" onclick="advancedCalc('addition')" />
        </div>
        <!-- Output Element -->
        <span id="advancedCalcOutput"></span>
    </article>
</div>