LU03.A01 - Hello World in W3School-Playground

1. Learning how to make use of the W3School VUE playground

• Work type: Individual
• Means of aid:
  • W3School VUE Introduction
  • W3School VUE Playground
• Timeframe: 10 Minutes
• Expected result: Word/PDF-File with rephrased modul objectives in the student's own words, including familiar and unfamiliar technical terms

You have learnt that W3School provides us with a playground to mess around without any harm. As always, we start with our „Hello World“.

1. Open the playground with the link above. You will be presented with a splited window on which on the right hand side you will see the coding area, and on the right hand side the result area.
2. Change the already existing text Hello Pink Galaxy
3. Execute the change by bushing the RUN-Button
4. Check the result

1. Create a second css-class .blueBG in analogy to .pinkBG which changes the background colour to lightBlue.
2. Make use of it in the script area
3. Execute the change by bushing the RUN-Button
4. Check the result

Lösung

Volkan Demir