Learn your way! Get started

JavaScript by Example, Part 8 of 8: Tip Calc and Typing App

with expert Laurence Svekis


Watch trailer


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 11/18/2021
Level Advanced
Runtime 0h 51m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams N/A


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

This project creates a typing application as well as a tip calculator app.

Prerequisites

This course assumes knowledge of JavaScript or having gone through the previous courses: JavaScript, Part 1 of 3: Introduction JavaScript, Part 2 of 3: Advanced Coding JavaScript, Part 3 of 3: Document Object Model

Meet the expert

Providing Web development courses and digital marketing strategy courses since 2002. An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web & application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about ;everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

Course outline



Tip Calc and Typing App

HTML input Element Setup (11:50)
  • Introduction (00:08)
  • HTML input Element Setup (04:14)
  • JavaScript Select Elements (03:32)
  • JavaScript querySelector (03:47)
  • Summary (00:08)
Adding an Event Listener (10:47)
  • Introduction (00:08)
  • Adding an Event Listener (02:54)
  • Element Value JavaScript (03:02)
  • Tweak and Adjust output (02:27)
  • Backtick template JavaScript (02:05)
  • Summary (00:08)
Typing Test Mini Application (12:51)
  • Introduction (00:08)
  • Typing Test Mini Application (03:30)
  • Play the Game (01:43)
  • JavaScript Random (04:38)
  • JavaScript Timer Date (02:42)
  • Summary (00:08)
GameEnd Calculations (15:45)
  • Introduction (00:08)
  • GameEnd Calculations (03:50)
  • Count words in string (03:33)
  • Typing Test Code Review (03:42)
  • Word by Word Compare (04:23)
  • Summary (00:08)