OIM3690 - Web Technologies

2026 Spring

Session 17 (3/27)

contain

Today's Agenda

  • Welcome/News/Announcements
  • Review/Quick Quiz
  • Lecture:

Welcome/News/Announcements

  • Quiz on JavaScript: Next class
  • Communications:
    • Meet with me in person during office hours at least once this semester.
    • Email - specify course # in subject title, e.g., "OIM3690: GitHub settings"
    • Use Slack/GitHub when asking code-related questions
  • Questions?

What we have learned so far...

  • HTML: basic tags, image, link, list, id, class, div, span, table, form, multimedia, ...
  • CSS: syntax, internal vs. external vs. inline, selectors, flexbox, grids, ...
  • Website: design, deployment, ...
  • JavaScript
    • Event, element
    • Variables
    • Functions
    • Conditional statements - if( ){...} else if( ){...} else {...}

Quick Quiz

  • What would be the result of 10 + 10 + "25"?
  • If age is 21, what will be the output in console?
    if (age >= 13){    
    console.log("teenager");
}
else if(age >= 18){
    console.log("adult");
}
else{
    console.log("kid");
}
  • How do we modify the content of this <p> element to "Hello, world!"?
    <p id="demo">This is a demonstration.</p>

Revisit Exercises

Lecture

--- # Fun Time - [r/ProgrammerHumor](https://www.reddit.com/r/ProgrammerHumor/comments/j9is2o/i_want_to_contribute_to_this_project/) - xkcd: [Tasks](https://xkcd.com/1425/)