Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

(Nora) #1

Practice exercises CHAPTER 5 253



  1. Surround the inputs and buttons with a element.
  2. Remove all
    elements from the default.html file.

  3. Surround the txtResult text box with a table cell that spans four columns. Surround the
    table cell with a table row.
    The table row should look like the following.




  4. With the txtInput text box, repeat the previous step as follows.





  5. The next table row will have two empty columns, for future buttons, and then a col-
    umn for the clear entry button and another column for the clear button as follows.
    <tr>
    <td></td>
    <td></td>
    <td><button id="btnClearEntry">CE</button></td>
    <td><button id="btnClear">C</button></td>
    </tr>

    The next table row will have buttons 7, 8, 9, and the plus button as follows.
    <tr>
    <td>
    <button id="btn7">7</button></td>
    <td>
    <button id="btn8">8</button></td>
    <td>
    <button id="btn9">9</button></td>
    <td>
    <button id="btnPlus">+</button>
    </td>
    </tr>

    The next table row will have buttons 4, 5, 6, and the minus button as follows.
    <tr>
    <td>
    <button id="btn4">4</button>
    </td>
    <td>
    <button id="btn5">5</button>
    </td>
    <td>