First programs aka writing recipes

Keywords

javascript, research

Related to Curriculum

understanding how software works and how to filter relevant information from a big amount

Prime Target Group

advanced elementary school students

Required Equipment and Material

text editor, browser

Short Description

In this exercise kids will learn how to find and reuse existing code and modify it to their own needs.

---

Preparations

Open index.html in a browser and in a text editor. Look at the existing code in index.html and then try to modify it to complete the tasks below. You will need to modify the JavaScript.

Links that will help you complete the tasks are:

• https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
• https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
• http://stackoverflow.com/questions/7609130/set-the-value-of-a-input-field-with-javascript
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else

---

Tasks

1. When a user clicks the button, use the input to modify the message.
2. If the given name is “Anna”, make the message green.

---

License

CC BY 4.0