Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP W3.CSS C C++ C# HOW TO BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT SWIFT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING HTML & CSS BASH RUST TOOLS

Projects

Projects Home Personal Page Profile Card Collection JavaScript Toolkit Portfolio Recipe Page CSS Landing Page JavaScript Data Toolkit Interactive Todo List Mobile Calculator Weather Dashboard Browser Puzzle Game E-commerce Frontend Analytics Dashboard

Web Project: JavaScript Toolkit

Complete each step in the editor and watch the result as your page takes shape.

Build your first JavaScript project, step-by-step

Build a starter library of pure JS helpers.

Each helper will run in the browser.

Easy · +90 XP · JavaScript

What you will use in this project

  • let and const
  • Conditionals and loops
  • String and number methods
  • Writing pure return-value functions

How it works

  1. 1 Follow the steps on the left. Each dot in the stepper bar is one focused chunk of work. Read the instructions, the “What to do” checklist, and any hints.
  2. 2 Write your code on the right. The editor is yours. Files auto-save as you type. Use the Preview tab to see your work in action.
  3. 3 Click Check code when you’re ready. We grade your work against the step’s rubric and tell you exactly what passed and what still needs work.
  4. 4 Pass a step to move on. Build the project cumulatively. Pass every step to complete it and earn the full XP.

How it’s graded

This project is broken into 6 steps. Each one has its own pass criterion. Click Check code on every step to verify your progress and earn the full +90 XP.

# Step & pass criterion Weight
1 Sum two numbers addNumbers(a, b) returns the sum 15 pts
2 Capitalize the first letter capitalize(s) upper-cases the first letter 15 pts
3 Reverse a string reverseString(s) reverses via a for loop 15 pts
4 Check for a palindrome isPalindrome(s) compares lowercase to its reverse 15 pts
5 Count the vowels countVowels(s) counts vowels with a loop 20 pts
6 Render results init() writes each result into the page 20 pts
index.html
JavaScript Toolkit preview
← Browse all projects


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookies and privacy policy.

Copyright 1999-2026 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.