Skip to content
JavaScript 3 practice projects Input form Exercise Generator cover image
Play overlay
Preview this course

JavaScript 3 practice projects Input form Exercise Generator
Discoveryvip

Learn JavaScript creating 3 unique interactive projects from scratch - JavaScript DOM element selection and manipulation

Summary

Price
£19 inc VAT
Study method
Online, On Demand 
Duration
1.4 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Reed courses certificate of completion - Free

Overview

What you'll learn

  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript
  • Explore JavaScript Document Object Model

Certificates

Curriculum

4
sections
18
lectures
1h 25m
total

Course media

Description

Learn more about JavaScript and Document Object Model interaction for web applications - Have fun building three interactive projects from scratch.

JavaScript is excellent at creating amazing interactive applications - forms are used everywhere and learning how to utilize form content with interactive JavaScript is what this course is all about. See the code in action in a real world application how you can apply JavaScript to your own projects to edit form content, update content visually making better user experiences.

Project #1 - Copy to clipboard using JavaScript exercise

  • Add event listeners for user interaction

  • Copy command using JavaScript

  • Element contents and values

  • Element selection and manipulation

Project #2 - Copy to clipboard using JavaScript exercise

  • Create a table dynamically using JavaScript from an array

  • Create elements with JavaScript

  • Apply element style and attributes

  • Adding interaction with Event listeners\

  • Element values and selection

  • Array updates and removal of items

  • Update element contents add input field for updating

  • Create elements with JavaScript

  • Building of output and updates using JavaScript

Project #3 - Placeholder image path generator JavaScript string builder

  • Select and use element input values

  • Dynamically generator contents

  • Formulate and clean string values to match format

  • Element selection and manipulation

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.

Step by step learning with all steps included.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game. Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.

Who is this course for?

  • Beginners to JavaScript
  • Anyone who wants to practice writing JavaScript
  • Web developers
  • Anyone who wants to learn to make a JavaScript game without any libraries
  • Beginners to JavaScript curious about Document Object Model and JavaScript Methods

Requirements

  • Fundamental JavaScript concepts

  • Access to computer

  • Use of editor to write code

  • HTML and CSS knowledge

Questions and answers

There are currently no Q&As for this course. Be the first to ask a question.

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs

Interest free credit agreements provided by Zopa Bank Limited trading as DivideBuy are not regulated by the Financial Conduct Authority and do not fall under the jurisdiction of the Financial Ombudsman Service. Zopa Bank Limited trading as DivideBuy is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority, and entered on the Financial Services Register (800542). Zopa Bank Limited (10627575) is incorporated in England & Wales and has its registered office at: 1st Floor, Cottons Centre, Tooley Street, London, SE1 2QG. VAT Number 281765280. DivideBuy's trading address is First Floor, Brunswick Court, Brunswick Street, Newcastle-under-Lyme, ST5 1HH. © Zopa Bank Limited 2026. All rights reserved.