Project 01‑01 – Basic JavaScript Output
Introduction to JavaScript using document.write() to display text.
Welcome!
This is my IST239 landing page. Below are the hands-on projects I have completed so far. Each boxed section opens the project in a new tab.
Hands‑On Projects
Click any card to open the project in a new tab.
Project 01‑03 – Variables and User Input
Uses variables and prompt() to collect and display user input.
Project 01‑05 – Basic Math Operations
Performs arithmetic operations and displays results.
Open Project 01‑05Project 02‑01 – Temperature Converter
Interactive Celsius/Fahrenheit converter using input fields and JS functions.
Open Project 02‑01Project 02‑03 – Mouse Events
Demonstrates mouseover and mouseout events to change visuals.
Project 02‑05 – JavaScript Calculator
Functional calculator built with HTML buttons, CSS layout, and JS logic.
Open Project 02‑05Project 03‑01 – Conditional Logic Basics
Uses if/else statements to evaluate user input and display results.
Open Project 03‑01Project 03‑03 – Multi‑Condition Decisions
Demonstrates compound conditions and logical operators.
Open Project 03‑03Project 03‑05 – Switch Statement Demo
Uses switch/case to handle multiple user‑selected options.
Open Project 03‑05Project 04‑01 – Basic Functions
Introduces JavaScript functions with parameters and return values.
Open Project 04‑01Project 04‑03 – Multiple Functions
Builds several reusable functions to process user input.
Open Project 04‑03Project 04‑05 – Function‑Driven Calculator
Implements a calculator using separate functions for each operation.
Open Project 04‑05Project 05‑01 – Arrays & Indexing
Introduces arrays and displays values using index positions.
Open Project 05‑01Project 05‑03 – Array Loops
Uses loops to iterate through arrays and display formatted output.
Open Project 05‑03Project 05‑05 – Array Search Tool
Searches an array for user‑entered values and reports matches.
Open Project 05‑05Project 06‑01 – Form Validation
Validates form fields and displays confirmation messages.
Open Project 06‑01Project 06‑03 – Enhanced Form Processing
Processes form input and sends data to a confirmation page.
Open Project 06‑03Project 06‑05 – Multi‑Field Form Handler
Handles multiple fields, validates input, and displays formatted results.
Open Project 06‑05Project 07‑01 – Array Basics
Introduces JavaScript arrays, indexing, and simple output to the page.
Open Project 07‑01Project 07‑03 – Looping Through Arrays
Uses for loops to iterate through arrays and output formatted results.
Open Project 07‑03Project 07‑05 – Array Operations
Demonstrates adding, removing, and updating array elements with JavaScript.
Open Project 07‑05Project 08‑01 – Function Fundamentals
Builds basic JavaScript functions with parameters and return values.
Open Project 08‑01Project 08‑03 – Parameterized Functions
Passes user‑provided values into functions to perform calculations.
Open Project 08‑03Project 08‑05 – Multi‑Function Workflow
Uses multiple functions together to create a small interactive feature.
Open Project 08‑05Project 09‑01 – DOM Element Selection
dUses DOM selectors to read and update page content dynamically.
Open Project 09‑01Project 09‑03 – Dynamic Content Update
Changes text, styles, and images based on user interaction.
Open Project 09‑03Project 09‑05 – Interactive UI Elements
Creates buttons and sections that respond to JavaScript events.
Open Project 09‑05Project 10‑01 – Basic Event Handling
Adds click events to buttons and updates the page when triggered.
Open Project 10‑01Project 10‑03 – Form Input Processing
Reads user input, validates it, and displays results on the page.
Open Project 10‑03Project 11‑01 – Intro to Local Storage
Saves simple values to localStorage and retrieves them on page load.
Open Project 11‑01Project 11‑03 – Persistent User Settings
Stores user preferences and applies them automatically.
Open Project 11‑03Project 11‑05 – Mini Storage App
Builds a small app that saves, loads, and clears stored data.
Open Project 11‑05Interactive
Interactive Graphic
A simple animated canvas — hover to speed up the animation.
Mini Game: Click the Target
Score: 0
Tip & Split Calculator
Enter values and click Calculate.
News & Announcements
Project Status
18 labs completed and uploaded. I will continue to add and fix labs as the semester progresses.
Hands‑On Lab
Open the lab environment or a representative project.
Open Lab Now