//MAKE: 2.04 Hand-in: Font style console

Resources

Saving your work

Use Save as... to save the empty template as "2.04H-FontStyleConsole-LastName.html" in your Computer Programming 12 directory.

The assignment

Create a page that uses Javascript to adjust font characteristics live.

  1. create the HTML of your page, including:
  2. give things IDs so they can be accessed
  3. add onclick and onchange Javascript triggers
  4. add functions to change the styles of your text example

Evaluation - [pdf] [pub]

For example

Please enter the text to be styled:


weight:
style:
border:
background:
color:
size: