Overview

This tutorial focuses on JavaScript fundamentals with DOM manipulation: functions, control structures, arrays, objects, and template literals. Complete 2-3 shorter exercises, then one longer activity.

Setup

Create a new folder called tutorial06 inside your csci344/tutorials folder. You’ll create the files for each activity as you work through them.

Complete the Activities

1. Counter Exercise - Practice with functions, event handlers, DOM manipulation, if/else statements.
2. Displaying Data - Practice with loops, template literals, DOM manipulation.
3. Objects & Product Display - Build a product catalog

What to Submit

After completing all activities (6A, 6B, and 6C), please:

1. Create links from your homepage to each Tutorial 6 page.
2. Commit and push your changes to GitHub.
3. Submit both:
   • your GitHub repository link
   • your GitHub Pages link

If you collaborated with someone, include your partner’s name in your submission comments.

Summary of JavaScript Concepts Used

Concept	Tutorial	Purpose
Functions	6A, 6C	Reusable blocks of code
Control Structures	6A, 6C	if/else for decision making
Arrays	6B, 6C	Store lists of data
Template Literals	6B, 6C	Create HTML strings with variables
Objects	6C	Store related data together
Array Methods	6B, 6C	forEach, filter, map

Completion Checklist