Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Mar 2013
    Posts
    79
    Thanks
    45
    Thanked 0 Times in 0 Posts

    What programs should I make?

    What sort of small programs should a beginner make?
    Since I cannot find exercises on net to practice the fundamentals I'd appreciate if you someone could post little exercises for me

    Thanks

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,274
    Thanks
    28
    Thanked 271 Times in 265 Posts
    Quote Originally Posted by h123er2 View Post
    What sort of small programs should a beginner make?
    Since I cannot find exercises on net to practice the fundamentals I'd appreciate if you someone could post little exercises for me :(
    From easiest to hardest:

    • Write <p>Hello world! ☺</p> to the document using node-based methods (e.g., without using document.write or innerHTML/outerHTML).
    • Paste .hi { background-color: yellow; } into the page's style sheet, then use script to add class="hi" to an element.
    • Change the background color of an element to lime with the setAttribute method, style.setProperty method, and style.backgroundColor property.
    • Add the cells in this table into the bottom right cell and then merge the bottom two cells using node-based methods only:

      Code:
      <table>
      	<tbody>
      		<tr>
      			<th>ABC</th>
      			<td>1</td>
      		</tr>
      		<tr>
      			<th>DEF</th>
      			<td>2</td>
      		</tr>
      		<tr>
      			<th>GHI</th>
      			<td>3</td>
      		</tr>
      	</tbody>
      	<tfoot>
      		<tr>
      			<td></td>
      			<td><var>Total</var></td>
      		</tr>
      	</tfoot>
      </table>
    • Create an image rollover using three different methods: (1) HTML onmouseover and onmouseout attributes, (2) JavaScript onmouseover and onmouseout properties, and (3) addEventListener methods.
    • Do it again, except make it so the rollover and rollout only work once.
    • Do it again, except this time trigger a second rollover as you rollover the item (so that two rollovers/rollouts are triggered at once).
    • For the paragraph <p>:) Have a nice day! :)</p> replace both smiley faces with U+2630 WHITE SMILING FACE (☺) using a regular expression, without using innerHTML, and with WHITE SMILING FACE escaped.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • Users who have thanked Arbitrator for this post:

    h123er2 (10-26-2013)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •