Skip to content

Latest commit

 

History

History
55 lines (36 loc) · 2.16 KB

unit-4-lesson-01.md

File metadata and controls

55 lines (36 loc) · 2.16 KB

Lesson 4.1: Storing User Input


Lesson Materials

📖 Upload as Material in Google Classroom:

📝 Upload as Assignment in Google Classroom (5 points):


Key Points

👋 Welcome & Icebreaker (5) :

  • Engage students and set a positive tone for the lesson.

📥 Storing User Input (5) :

  • Pose the questions listed in the lesson.
  • Engage students in a discussion about their experiences with input fields on websites.
  • Explain what input fields are and how they are used on websites.
  • Introduce the .value method in JavaScript and explain its purpose.

💻 Code Along, Part 1 (5) :

  • Guide students through creating an input field and a button in HTML.
  • Show them how to add an event listener to the button in JavaScript and store the input data using the .value method.
  • As the teacher writes code, students should follow along, replicating the steps.

💬 Displaying User Input (5) :

  • Guide students on how to use the .innerHTML method to display the user input on the webpage.
  • Discuss each line of the code provided, ensuring students understand how it works.

💻 Code Along, Part 2 (5) :

  • Continue from the previous code along session, guiding students through more complex uses of .value and .innerHTML.
  • Show how to convert string input to a number and perform basic calculations or operations.
  • Encourage students to test their code and observe the results.

💻 Code Solo (10) :

  • Ask students to work independently to apply what they’ve learned in a new exercise or project.

👋 Exit Ticket & Closing (5)

  • Direct students to the Exit Ticket in Google Classroom, ensuring all questions are answered.
  • Summarize key takeaways, remind students to submit the exit ticket, and provide any closing remarks.

Common Misconceptions

Additional Materials

  • n/a