Basics

Part 1

(look here) ← These parens are defined by this code: (<b id="tryme">look here</b>)
Enter some expressions into the interpreter to the right that manipulate the b/id=tryme element. Here are some good ones to try:
document.getElementById("tryme").innerHTML = "Hello World!";
document.getElementById("tryme").style.color="#ff0000";
document.getElementById("tryme").style.background="#ffff00";
document.getElementById("tryme").style.fontFamily = "cursive";
document.getElementById("tryme").style.fontSize = "2.0em";
document.getElementById("tryme").innerHTML = 'this is a <a href="http://google.com">link</a>';
	    
Input a JavaScript expression or statement and press enter.
JS>

Part 2

This box has id="box1"
This box has id="box2"
Use the interpreter below to:
  1. Give each box a different background color. Use this color picker to find some good colors.
  2. Add some text to each box, but remember to change the text color to something that actually shows up!
  3. Set the fontSize for one box to 24pt.
This box has id="box3"
This box has id="box4"
Input a JavaScript expression or statement and press enter.
JS>