René's URL Explorer Experiment

Title: The JavaScript preventDefault() Event Method

Open Graph Title: The JavaScript preventDefault() Event Method

X Title: The JavaScript preventDefault() Event Method

Description: Learn how to prevent an event's default behavior by calling the .preventDefault() method on the event object.

Open Graph Description: Learn how to prevent an event's default behavior by calling the .preventDefault() method on the event object.

X Description: Learn how to prevent an event's default behavior by calling the .preventDefault() method on the event object.

Mail addresses
admin@codingnomads.com

Opengraph URL: https://codingnomads.com/javascript-event-method-preventdefault

X: @CodingNomads

direct link

Domain: codingnomads.com

None	IE=edge
author	CodingNomads
publisher	CodingNomads
og:image	https://codingnomads.com/images/27977d60-c4a8-40ba-c3c7-c75c67db7900/1200x630
twitter:image	https://codingnomads.com/images/27977d60-c4a8-40ba-c3c7-c75c67db7900/1200x630
og:type	article
twitter:card	summary_large_image

Links:

Java Intensive	https://codingnomads.com/page/9-week-java-bootcamp
Python Intensive	https://codingnomads.com/page/9-week-python-bootcamp
CodingNomads	https://codingnomads.com/
Java 101	https://codingnomads.com/course/java-programming-101
Java 201	https://codingnomads.com/course/java-programming-201
Java 301	https://codingnomads.com/course/java-programming-301
Spring Framework	https://codingnomads.com/course/advanced-java-spring-boot-framework
SQL & Databases	https://codingnomads.com/course/learn-sql-mysql-databases
Git & GitHub	https://codingnomads.com/course/how-to-use-git-github-tutorials
Python 101	https://codingnomads.com/course/python-programming-101
Python 201	https://codingnomads.com/course/python-programming-201
Python 301	https://codingnomads.com/course/python-programming-301
Django Framework	https://codingnomads.com/course/python-django-web-framework
Flask Framework	https://codingnomads.com/course/python-flask-web-framework
Data Structures & Algorithms	https://codingnomads.com/course/data-structures-algorithms
Data Science & Machine Learning	https://codingnomads.com/course/data-science-machine-learning
Deep Learning & AI	https://codingnomads.com/course/deep-learning-neural-networks
NumPy - Scientific Computing	https://codingnomads.com/course/python-numpy
JavaScript 101	https://codingnomads.com/course/javascript-101
JavaScript 201	https://codingnomads.com/course/javascript-201
Bash & CLI	https://codingnomads.com/course/command-line-cli-bash
Java Enterprise	https://codingnomads.com/career-track/learn-java-bootcamp-java-spring-fullstack-developer
Data Science + ML + AI	https://codingnomads.com/career-track/python-machine-learning-and-data-science-bootcamp
Python Web Development	https://codingnomads.com/career-track/python-web-development-learn-python-bootcamp
catalog	https://codingnomads.com/catalog
Membership	https://codingnomads.com/learn-to-code-membership
Mentorship	https://codingnomads.com/online-coding-bootcamp-mentorship-program
Events	https://codingnomads.com/calendar
Career Coaching	https://codingnomads.com/software-engineer-career-advisor-program
For Companies	https://codingnomads.com/corporate-partnerships
Discord	https://codingnomads.com/discord
Pricing	https://codingnomads.com/pricing
Search	https://codingnomads.com/search
Blog	https://codingnomads.com/blog
Contact	https://codingnomads.com/contact
Join	https://codingnomads.com/login
Log in	https://codingnomads.com/login
Login or Join	https://codingnomads.com/login
Search	https://codingnomads.com/search
Catalog	https://codingnomads.com/catalog
Membership	https://codingnomads.com/learn-to-code-membership
Mentorship	https://codingnomads.com/online-coding-bootcamp-mentorship-program
Discord	https://codingnomads.com/discord
Blog	https://codingnomads.com/blog
Events	https://codingnomads.com/calendar
Pricing	https://codingnomads.com/pricing
Career Coaching	https://codingnomads.com/software-engineer-career-advisor-program
For Companies	https://codingnomads.com/corporate-partnerships
Contact	https://codingnomads.com/contact
JavaScript 201	https://codingnomads.com/course/javascript-201
Gain Access to the Community	https://codingnomads.com/js-201-use-community-forum
Your Learning Resources	https://codingnomads.com/js-201-learning-resources
Prerequisite: Complete JavaScript 101	https://codingnomads.com/js-201-prerequisite-js-101
Prerequisite: Git & GitHub Course	https://codingnomads.com/js-201-prerequisite-git-github-course
Welcome!	https://codingnomads.com/js-201-welcome
Course Logistics	https://codingnomads.com/js-201-course-logistics
Video: Course Logistics	https://codingnomads.com/video/js-201course-logistics
What Are Module Projects?	https://codingnomads.com/js-201-module-projects
JavaScript 201 Knowledge Check	https://codingnomads.com/js-201-prerequisites
Video: Course Prerequisites	https://codingnomads.com/video/course-prerequisites
Essential Set Up for JavaScript 201	https://codingnomads.com/setup-for-javascript-201
Video: How to Set Up Your Machine	https://codingnomads.com/video/how-to-set-up-your-machine
How to Set Up Your Folders	https://codingnomads.com/how-to-set-up-your-folders
Download JS 201 Lab Exercises	https://codingnomads.com/clone-js-201-lab-exercises
How to Interact With Labs and Assignments	https://codingnomads.com/labs-assignments-javascript-201
Git Workflow for JavaScript 201	https://codingnomads.com/git-workflow-for-javascript-201
Video: What Is Git flow	https://codingnomads.com/video/js-201-git-workflow-overview
Module Project Description	https://codingnomads.com/site-generator-project-description-js-201
What Is Wireframing?	https://codingnomads.com/wireframe-project-js-201
Boilerplate for Your Module Project	https://codingnomads.com/using-boilerplate-for-module-project-js-201
Video: How to Write Boilerplate	https://codingnomads.com/video/how-to-write-boilerplate-js-201
Lab: Build Some Boilerplate	https://codingnomads.com/js-201-lab-boilerplate
Quiz: Introduction	https://codingnomads.com/quiz/3467
What Are Javascript Libraries	https://codingnomads.com/what-are-javascript-libraries
How to Create a JS Library	https://codingnomads.com/create-toy-library-js-201
How to Incorporate External CSS - Simple.css	https://codingnomads.com/use-simple-css-js-201-projects
Video: How to Create a JS Library	https://codingnomads.com/video/how-to-create-a-js-library
Lab: Create a JS Library	https://codingnomads.com/library-lab-js-201
Project: Start to Code	https://codingnomads.com/js-201-site-gen-project-groundwork
JavaScript: Prefer Const Over Let	https://codingnomads.com/javascript-let-vs-const
Video: JavaScript Const vs Let	https://codingnomads.com/video/javascript-const-vs-let
What Does Hoisting Mean in JavaScript	https://codingnomads.com/javascript-hoisting
Video: What Does Hoisting Mean in JavaScript	https://codingnomads.com/video/javascript-hoisting
Project Video: Start to Code	https://codingnomads.com/video/js-201-site-gen-project-groundwork
Lab: Building Variables	https://codingnomads.com/js-201-lab-building-variables
Quiz: Building Variables	https://codingnomads.com/quiz/3482
Refresher: JavaScript Arrow Functions	https://codingnomads.com/js-201-refresh-arrow-functions
Refresher: The JavaScript foreach Method	https://codingnomads.com/js-201-review-javascript-foreach
Video: Arrow Functions and Array Methods	https://codingnomads.com/video/arrow-functions-and-array-methods
Project: Build Out Sections	https://codingnomads.com/js-201-site-gen-project-sections
Project: Write a Function to Create the Header	https://codingnomads.com/js-201-site-gen-project-header-section
Working With and Iterating Over Objects in JavaScript	https://codingnomads.com/javascript-object-assign-iterate-hasownproperty
Video: How to Manipulate Objects - Useful JS Object Methods	https://codingnomads.com/video/how-to-manipulate-objects-useful-js-object-methods
Project: Create More Sections	https://codingnomads.com/js-201-site-gen-project-more-sections
Video: Project - Build Sections	https://codingnomads.com/video/build-sections-project
Lab: Building By Iterating	https://codingnomads.com/js-201-lab-building-by-iterating
Quiz: Building Sections	https://codingnomads.com/quiz/3563
Project: New File, New Site	https://codingnomads.com/js-201-site-gen-project-set-up-3-sites
Project: Set Up Contact Section	https://codingnomads.com/js-201-site-gen-project-contact-section
Video: Integrate Sections in the Site	https://codingnomads.com/video/js-201-site-gen-project-contact-section
Introduction to the HTML form for JavaScript Developers	https://codingnomads.com/intro-html-form-for-js
Project: Set Up the Form Function	https://codingnomads.com/js-201-site-gen-project-form
How to Create and Trigger Input Validation Using JavaScript match	https://codingnomads.com/how-to-create-and-trigger-input-validation-using-javascript-match
Video: How to Handle the Submit Event	https://codingnomads.com/video/how-to-handle-the-submit-event
Video: How to Create and Trigger Input Validation Using JavaScript match	https://codingnomads.com/video/how-to-create-and-trigger-input-validation-using-javascript-match
How to Access Form Input Values Using JavaScript	https://codingnomads.com/access-form-input-javascript
Video: How to Access Input Values Using JavaScript DOM Methods	https://codingnomads.com/video/access-form-input-javascript
JavaScript For Loop Variations - for...in and for...of Loop	https://codingnomads.com/for-loop-variations-js-for-in-and-for-of-loop
Video: For Loop Variations: for...in and for...of Loop	https://codingnomads.com/video/for-loop-variations-js-for-in-and-for-of-loop
Introduction to JavaScript Iteration Protocols	https://codingnomads.com/intro-javascript-iteration-protocols
Video: How to Create a JavaScript Generator	https://codingnomads.com/video/how-to-create-javascript-generator
JavaScript Accessing Form Values from FormData	https://codingnomads.com/javascript-access-form-values-formdata
Video: How to Access Form Values With the JavaScript FormData Object	https://codingnomads.com/video/javascript-access-form-values-formdata
Lab: Forms and Events	https://codingnomads.com/js-201-lab-forms
Quiz: Forms and Events	https://codingnomads.com/quiz/3647
Project: The JSON Structure for the Form Section	https://codingnomads.com/js-201-site-gen-project-form-structure
Project: Create a JavaScript Function to Build a Form	https://codingnomads.com/js-201-site-gen-project-form-function
Project: Create JavaScript Form Elements	https://codingnomads.com/js-201-site-gen-project-form-elements
Project: How to Add Form Validation	https://codingnomads.com/js-201-site-gen-project-form-validation
Project: Submit Your Form Using JavaScript	https://codingnomads.com/js-201-site-gen-project-form-submit
Project Video Demo: Form Building	https://codingnomads.com/video/js-201-site-gen-project-form-building
Recap: Dynamically Created Websites	https://codingnomads.com/js-201-site-gen-project-recap
Project: How to Make it a Portfolio Project	https://codingnomads.com/js-201-site-gen-project-portfolio
Lab: Dynamically Generated Site	https://codingnomads.com/js-201-lab-site-gen-project-recap
Feedback: Dynamically Generated Site	https://codingnomads.com/feedback/3662
Connect 4 Project Introduction	https://codingnomads.com/js-201-connect-4-project-introduction
Project: Boilerplate for Connect 4	https://codingnomads.com/js-201-connect-4-project-boilerplate
Project Design: Requirements and Architecture	https://codingnomads.com/js-201-site-gen-project-requirements-design
Project: Start to Implement the Architectural Layout	https://codingnomads.com/js-201-site-gen-project-architectural-layout
Video: Boilerplate Connect 4 Game	https://codingnomads.com/video/js-201-connect-4-project-boilerplate
Lab: Architecture Thoughts	https://codingnomads.com/js-201-lab-connect-4-architecture
Project: How to Create a Board Using a JS 2D Array	https://codingnomads.com/js-201-connect-4-project-board-array
Video: Array Pass By Reference	https://codingnomads.com/video/array-pass-by-reference
Understanding Programming Paradigms in JavaScript	https://codingnomads.com/intro-programming-paradigms-javascript
Functional Programming and Immutability in JavaScript	https://codingnomads.com/functional-programming-immutability-javascript
JavaScript Filter Array Method	https://codingnomads.com/javascript-array-filter
Video: JS Array Method - Filter	https://codingnomads.com/video/javascript-array-filter
JavaScript Map Array Method	https://codingnomads.com/javascript-map-array-method
Video: JS Array Method - Map	https://codingnomads.com/video/js-array-map-method
JavaScript Array Searches: Using find, findIndex, includes, and indexOf	https://codingnomads.com/javascript-array-find-findindex-includes-indexof
Video: JS Array Searching Methods	https://codingnomads.com/video/javascript-array-find-findindex-includes-indexof
Understanding JavaScript .reduce() Method for Array Manipulation	https://codingnomads.com/javascript-array-method-reduce
Video: JS Array Method - Reduce	https://codingnomads.com/video/javascript-array-method-reduce
Video: How to Use JavaScript Method Chaining	https://codingnomads.com/video/how-to-use-javascript-method-chaining
Project: Start Structuring the Game	https://codingnomads.com/js-201-connect-4-project-start-structuring
Project: Start Building the User Interface	https://codingnomads.com/js-201-connect-4-project-design-ui
Video: Create the Board for Your Game	https://codingnomads.com/video/create-the-board-for-your-game
Lab: Basic State	https://codingnomads.com/js-201-lab-basic-state
Quiz: Basic State	https://codingnomads.com/quiz/3746
Video: Reviewing JavaScript Events	https://codingnomads.com/video/reviewing-javascript-events
Project: Register Click Events on the Board	https://codingnomads.com/js-201-connect-4-project-register-click-events
Project: Exploring Event Delegation	https://codingnomads.com/js-201-connect-4-project-exploring-event-delegation
Project: How to Alternate Player Turns	https://codingnomads.com/js-201-connect-4-project-alternate-player-turns
Project: How to Update the Game Board	https://codingnomads.com/js-201-connect-4-project-update-board
Project: How to Update the Board With a JavaScript Click Event	https://codingnomads.com/js-201-connect-4-project-update-board-onclick
Alternatives for Removing DOM Elements : remove() and replaceChildren()	https://codingnomads.com/js-201-connect-4-project-remove-dom-elements
Project: Add Images to Your App	https://codingnomads.com/js-201-connect-4-project-add-images
Video: Add Interactivity to Your Game	https://codingnomads.com/video/js-201-connect-4-project-add-interactivity
Lab: Make the Board Come Alive	https://codingnomads.com/js-201-lab-make-the-board-come-alive
Quiz: Interactivity	https://codingnomads.com/quiz/3758
Project: Check Who Won Challenge	https://codingnomads.com/js-201-connect-4-project-check-who-won
Project: Check Who Won With JavaScript Iterations	https://codingnomads.com/js-201-connect-4-project-potential-solutions
Can you Break Out of .forEach()?	https://codingnomads.com/break-out-of-foreach-javascript
Understanding Destructuring Assignment in JavaScript	https://codingnomads.com/javascript-destructuring-assignment
Video: Understanding Destructuring Assignment in JavaScript	https://codingnomads.com/video/javascript-destructuring-assignment
Understanding JavaScript's Spread and Rest Syntax	https://codingnomads.com/javascript-spread-rest-syntax
Video: Understanding JavaScript's Spread and Rest Syntax	https://codingnomads.com/video/javascript-spread-rest-syntax
Project: Implement the Solution - Check Who Won With Iteration	https://codingnomads.com/js-201-connect-4-check-who-won-iteration
Checking Connect 4	https://codingnomads.com/js-201-connect-4-checking-connect-4
Project: Iterating Over Transformations	https://codingnomads.com/js-201-connect-4-iterating-over-transformations
Video: Checking the Winner	https://codingnomads.com/video/js-201-connect-4-checking-the-winner
Lab: Checking Who Won	https://codingnomads.com/js-201-lab-checking-who-won
Quiz: Loops and Destructuring Assignment	https://codingnomads.com/quiz/3773
How to Deep Copy an Array in JavaScript	https://codingnomads.com/javascript-array-deep-copy
JSDoc for JavaScript Comments	https://codingnomads.com/jsdoc-javascript-introduction
Chapter Recap	https://codingnomads.com/js-201-connect-4-chapter-recap
Project: Connect 4, Next Steps	https://codingnomads.com/js-201-connect-4-next-steps
Lab: Building a Connect 4 Game	https://codingnomads.com/js-201-connect-4-end-of-module-lab
Feedback for Connect 4 Module	https://codingnomads.com/feedback/3781
Dashboard Project: Introduction	https://codingnomads.com/js-201-dashboard-project-introduction
Project: From IP Address to Location Using APIs	https://codingnomads.com/js-201-dashboard-project-from-ip-address-to-location
Project: Set Up Your Boilerplate	https://codingnomads.com/js-201-dashboard-boilerplate
Lab: Starting Out	https://codingnomads.com/js-201-lab-starting-dashboard
Video: Boilerplate For Dashboard	https://codingnomads.com/video/js-201-dashboard-boilerplate-video
Chapter Introduction - JavaScript Promises	https://codingnomads.com/js-201-chapter-introduction-requests-and-promises
Review: Asynchronicity	https://codingnomads.com/js-201-review-asynchronicity
Review: XMLHttpRequests	https://codingnomads.com/js-201-review-xmlhttprequest
Review: Promises	https://codingnomads.com/js-201-review-promises
Video: Review JavaScript Promises	https://codingnomads.com/video/review-javascript-promises
Video: Reviewing .then() and .catch()	https://codingnomads.com/video/review-promises-then-and-catch
Review: The Fetch API	https://codingnomads.com/js-201-review-fetch
Video: Review Fetch API	https://codingnomads.com/video/js-201-review-fetch
Using the Fetch API's Response Object	https://codingnomads.com/javascript-using-fetch-response-object
Video: Exploring fetch() for the Dashboard Project	https://codingnomads.com/video/js-201-dashboard-project-exploring-fetch
Make a POST Request with JavaScript fetch()	https://codingnomads.com/javascript-basic-post-request-fetch
Video: How to Make a POST Request	https://codingnomads.com/video/javascript-basic-post-request-fetch
How to Handle Multiple Fetch Requests With JavaScript's Promise.all	https://codingnomads.com/handle-multiple-fetch-requests-javascript-promise-all
Video: How to Handle Multiple Fetch Requests With JavaScript's Promise.all	https://codingnomads.com/video/handle-multiple-fetch-requests-javascript-promise-all
Lab: Requests and Promises	https://codingnomads.com/js-201-lab-requests-and-promises
Quiz: Requests and Promises	https://codingnomads.com/quiz/3889
Project: Add Fetch Requests to Your Dashboard	https://codingnomads.com/js-201-dashboard-project-add-fetch-requests
Project: Plan the Next Stages	https://codingnomads.com/js-201-dashboard-project-plan-stages
Project: Make Sure to Read the API Documentation	https://codingnomads.com/js-201-dashboard-project-read-api-documentation
OpenWeahterMap API Authenticated Queries	https://codingnomads.com/javascript-openweathermap-authenticated-queries
Video: OpenWeahterMap API Authenticated Queries	https://codingnomads.com/video/javascript-openweathermap-authenticated-queries
API Authentication in Client-Side JavaScript: How to Safeguard API Keys	https://codingnomads.com/api-authentication-how-to-safeguard-your-api-keys
Some JavaScript Restrictions in the Browser	https://codingnomads.com/some-javascript-restrictions-in-the-browser
Video: Some JavaScript Restrictions in the Browser	https://codingnomads.com/video/some-javascript-restrictions-in-the-browser
Lab: Authentication and Security	https://codingnomads.com/js-201-lab-authentication-and-security
Quiz: Authentication and Security	https://codingnomads.com/quiz/3905
Chapter Introduction: Chaining the Dashboard Together	https://codingnomads.com/js-201-dashboard-project-chaining-chapter-intro
Project: Make a Request to the REST Countries API	https://codingnomads.com/js-201-dashboard-project-request-rest-countries
Project: How to Connect IP to Country	https://codingnomads.com/js-201-dashboard-project-connect-ip-to-country
Project: How to Build an API Request to Fetch Weather and ISS Data	https://codingnomads.com/how-to-build-an-api-request-to-fetch-weather-and-iss-data-project
Project: Filter the Data from the API Responses	https://codingnomads.com/js-201-dashboard-project-filter-data
Project: Chain All Your Promises Together	https://codingnomads.com/js-201-dashboard-project-chain-promises
Project: Process Data Using Utility Functions	https://codingnomads.com/js-201-dashboard-project-utility-functions
Project: Build the Basic HTML Structure	https://codingnomads.com/js-201-dashboard-project-build-basic-html-structure
Project: Build the Welcome and Country Sections	https://codingnomads.com/js-201-dashboard-project-build-welcome-country-sections
Project: Build the Weather and ISS Sections	https://codingnomads.com/js-201-dashboard-project-build-weather-iss-sections
Project: Chain the Data and DOM Building Together	https://codingnomads.com/js-201-dashboard-project-chain-data-dom-building
Project: Add CSS to the Dashboard	https://codingnomads.com/js-201-dashboard-project-add-css
Video: Project Overview After Chaining	https://codingnomads.com/video/js-201-dashboard-project-overview-after-chaining
Project: Colorizing the Dashboard Introduction	https://codingnomads.com/js-201-dashboard-project-colorizing-introduction
Review: The JavaScript Date Object and Epoch Time	https://codingnomads.com/js-201-review-date-object-epoch-time
Video: Reviewing the JavaScript Date Object and Epoch Time	https://codingnomads.com/video/review-date-object-epoch-time
Video: Review Set and Get Methods for the JavaScript Date Object	https://codingnomads.com/video/js-201-review-set-and-get-methods-javascript-date-object
Introduction to Time Zones in JavaScript	https://codingnomads.com/introduction-time-zones-javascript
Video: Introduction to Time Zones in JavaScript	https://codingnomads.com/video/introduction-time-zones
Formatting Dates and Times in JavaScript Using Intl	https://codingnomads.com/formatting-dates-and-times-javascript-intl
Video: Formatting Dates and Times in JavaScript Using Intl	https://codingnomads.com/video/formatting-dates-and-times-javascript-intl
Project: Design the Time of Day Logic	https://codingnomads.com/js-201-dashboard-project-time-of-day-logic
Project: Prepare the Time of Day Logic	https://codingnomads.com/js-201-dashboard-project-prepare-time-of-day-logic
Project: Start Implementing Time of Day Logic	https://codingnomads.com/js-201-dashboard-project-start-implementing-time-of-day-logic
Project: Finish Implementing Time of Day Logic	https://codingnomads.com/js-201-dashboard-project-finish-implementing-time-of-day-logic
Project: Colorize the Page	https://codingnomads.com/js-201-dashboard-project-colorize-the-page
Video: Colorize the Page	https://codingnomads.com/video/js-201-dashboard-project-colorize-the-page
Lab: Dashboard Colorized	https://codingnomads.com/js-201-lab-dashboard-colorized
Quiz: Dashboard Colorized	https://codingnomads.com/quiz/3936
Async Functions and JavaScript Internals Chapter Introduction	https://codingnomads.com/js-201-async-functions-js-internals-chapter-intro
Review: Async Functions	https://codingnomads.com/js-201-async-functions-review
Video: Review JavaScript Async Functions	https://codingnomads.com/video/js-201-async-functions-review
Video: The JavaScript Async Function Wraps Everything in a Promise	https://codingnomads.com/video/javascript-async-function-wraps-everything-in-a-promise
How to Create a JavaScript Sleep Function	https://codingnomads.com/javascript-sleep
Video: How to Create a JavaScript Sleep Function	https://codingnomads.com/video/javascript-sleep
Basics of the JavaScript Runtime Environment in the Browser	https://codingnomads.com/javascript-runtime-environment-browser
Video: JavaScript Runtime Environment in the Browser	https://codingnomads.com/video/javascript-runtime-environment-browser
Review: Examples of Asynchronous Processes	https://codingnomads.com/js-201-review-examples-asynchronous-processes
When to Use JavaScript Async Await, Callbacks or Promises	https://codingnomads.com/when-to-use-javascript-async-function-callbacks-or-promises
Project: Reviewing the Project and Refactoring	https://codingnomads.com/js-201-dashboard-project-review-refactoring
Project: Refactor Promises to Async Functions	https://codingnomads.com/js-201-refactor-promises-to-async-functions
Lab: Async Functions and JS Internals	https://codingnomads.com/js-201-lab-async-functions-js-internals
Quiz: Async Functions and JS Internals	https://codingnomads.com/quiz/3967
Dashboard Module Recap	https://codingnomads.com/js-201-dashboard-module-recap
Lab: End of Dashboard Module Labs	https://codingnomads.com/js-201-lab-end-of-dashboard-module
Introduction to the Canvas Module	https://codingnomads.com/js-201-canvas-module-introduction
What Is the JavaScript Canvas API?	https://codingnomads.com/what-is-the-canvas-api-javascript
Project: Set Up the Canvas	https://codingnomads.com/js-201-canvas-project-set-up-the-canvas
Video: Set Up the Canvas	https://codingnomads.com/video/set-up-javascript-canvas
Project: The JavaScript Canvas API Coordinate System	https://codingnomads.com/javascript-canvas-api-coordinate-system
Project: How to Draw a Rectangle on a JavaScript Canvas	https://codingnomads.com/draw-rectangle-javascript-canvas
Video: How to Draw a Rectangle on a JavaScript Canvas	https://codingnomads.com/video/draw-rectangle-javascript-canvas
Video: Drawing Rectangles in the Module Project	https://codingnomads.com/video/js-201-canvas-project-rectangle-drawings
Project: Creative Rectangle Drawings	https://codingnomads.com/js-201-canvas-project-creative-rectangle-drawing
Video: Explore Canvas Drawing (Project)	https://codingnomads.com/video/js-201-canvas-project-explore-canvas-drawing
Drawing Lines on a Canvas with JavaScript	https://codingnomads.com/draw-lines-javascript-canvas
Video: Drawing Lines on a Canvas with JavaScript	https://codingnomads.com/video/canvas-draw-lines
Draw a Triangle on a Canvas with JavaScript	https://codingnomads.com/draw-triangle-javascript-canvas
Video: Draw a Triangle on a Canvas with JavaScript	https://codingnomads.com/video/draw-triangle-javascript-canvas
Default Parameters in JavaScript Functions	https://codingnomads.com/javascript-default-parameters
Project: Draw Triangles With Default Parameters	https://codingnomads.com/js-201-canvas-project-draw-triangles-default-parameters
Video: JavaScript Default Parameters	https://codingnomads.com/video/javascript-default-parameters
Video: Creative Drawing With Triangles	https://codingnomads.com/video/creative-drawing-with-triangles
Video: Overview of the Canvas Project So Far	https://codingnomads.com/video/js-201-canvas-project-overview
How to Draw an Arc and a Circle on a Canvas with JavaScript	https://codingnomads.com/draw-arc-circle-canvas-javascript
Video: How to Draw an Arc and a Circle on a Canvas with JavaScript	https://codingnomads.com/video/draw-arc-circle-canvas-javascript
Video: Incorporating Arcs Into the Canvas Project	https://codingnomads.com/video/js-201-canvas-project-arcs
Quiz: HTML Canvas	https://codingnomads.com/quiz/4084
Introduction to JavaScript Classes	https://codingnomads.com/intro-javascript-classes
Video: Basic Class Syntax	https://codingnomads.com/video/javascript-basic-class-syntax
Video: How to Create a JavaScript Class Method	https://codingnomads.com/video/javascript-class-method
Video: Checking Instances of a Class	https://codingnomads.com/video/javascript-checking-instances-class
How to Create a Basic JavaScript Linked List	https://codingnomads.com/basic-javascript-linked-list
Video: Understanding What Classes Are	https://codingnomads.com/video/javascript-classes-what-are-they
Video: Understanding JavaScript Class Inheritance and the Super Keyword	https://codingnomads.com/video/javascript-class-inheritance-super-keyword
Understand the Different Behaviors of the JavaScript this Keyword	https://codingnomads.com/javascript-this-keyword
Video: Understand the Different Behaviors of the JavaScript this Keyword	https://codingnomads.com/video/javascript-this-keyword
Lab: Classes	https://codingnomads.com/js-201-lab-classes
Quiz: Classes	https://codingnomads.com/quiz/4097
Project: Preparing to Refactor With ES6 Modules and Classes	https://codingnomads.com/js-201-canvas-project-prepare-refactor-es6-modules-classes
Introduction to JavaScript ES Modules	https://codingnomads.com/intro-javascript-es-modules
Project: Using ES Modules in the Canvas Project	https://codingnomads.com/js201-canvas-project-es-modules
Video: Using ES Modules in the Canvas Project	https://codingnomads.com/video/js201-canvas-project-es-modules
Project: Create a Drawing JavaScript Library With ES Modules	https://codingnomads.com/js201-canvas-project-es-modules-drawing-library
Project: Use Your New Drawing Library	https://codingnomads.com/js201-canvas-project-use-drawing-library
Project: Include the Point Class	https://codingnomads.com/js201-canvas-project-include-point-class
Video: Using ES Modules in the Canvas Project	https://codingnomads.com/video/new-video-41661921
Video: Incorporating the Draw Class in the Canvas Project	https://codingnomads.com/video/js201-canvas-project-incorporate-draw-class
Video: Incorporating the Point Class in the Canvas Project	https://codingnomads.com/video/js201-canvas-project-incorporate-point-class
Quiz: Making a Draw and Point Class	https://codingnomads.com/quiz/4109
Project: Make a Bouncing Ball Animation on Canvas	https://codingnomads.com/js201-canvas-project-bouncing-ball-animation
Project: Enhance Your Animation With requestAnimationFrame()	https://codingnomads.com/js201-canvas-project-enhance-animation-requestanimationframe
Project: Canvas Animation - Implement Collisions	https://codingnomads.com/js201-canvas-project-collisions
Project: Bouncing Ball Animation With Classes	https://codingnomads.com/js201-canvas-project-bouncing-ball-classes
Project: Create Loads of Bouncing Balls	https://codingnomads.com/js201-canvas-project-many-bouncing-balls
Labs: Drawing and Animating	https://codingnomads.com/js-201-lab-drawing-and-animating
Video: Coding Collisions in the Canvas Project	https://codingnomads.com/video/js201-canvas-project-coding-collisions
Video: Many Bouncing Balls in the Canvas Project	https://codingnomads.com/video/js201-canvas-project-many-bouncing-balls
Quiz: Drawing and Animating	https://codingnomads.com/quiz/4119
Introduction to Recursion with JavaScript	https://codingnomads.com/javascript-intro-recursion
Video: Visualizing Recursion	https://codingnomads.com/video/visualizing-recursion
Lab: Recursion	https://codingnomads.com/js-201-lab-recursion
Quiz: Recursion	https://codingnomads.com/quiz/4124
Project: Square Recursive Tunnel	https://codingnomads.com/js-201-canvas-project-square-tunnel
Project: Square Fractal	https://codingnomads.com/js-201-canvas-project-square-fractal
Project: Line Method and Trigonometry	https://codingnomads.com/js-201-canvas-project-line-method-and-trigonometry
Project: Recursive Tree	https://codingnomads.com/js-201-canvas-project-recursive-tree
Video: Drawing With Recursion	https://codingnomads.com/video/drawing-with-recursion
Project: Connecting Four Recursive Check	https://codingnomads.com/js-201-connect-4-project-recursive-check
Video: Solving Connect Four With Recursion	https://codingnomads.com/video/solving-connect-four-with-recursion
Recap: Canvas Module	https://codingnomads.com/js-201-canvas-recap
Lab: Canvas End of Module	https://codingnomads.com/js-201-lab-canvas-end
The Capstone Project	https://codingnomads.com/js-201-capstone-project
Farewell	https://codingnomads.com/js-201-farewell
Request Completion Certificate	https://codingnomads.com/javascript-201-completion-certificate
Learn more	https://codingnomads.com/learn-to-code-membership
Learn more	https://codingnomads.com/calendar
Introduction	https://codingnomads.com/javascript-event-method-preventdefault#intro
How to Prevent an Event's Default Behavior	https://codingnomads.com/javascript-event-method-preventdefault#how-to-prevent-an-events-default-behavior
Why Should You Prevent the Default Behavior	https://codingnomads.com/javascript-event-method-preventdefault#why-should-you-prevent-the-default-behavior
Summary: Javascript Event Method: preventDefault()	https://codingnomads.com/javascript-event-method-preventdefault#summary-javascript-event-method-preventdefault
Ask a question on Discord	https://codingnomads.com/discord
Introduction	https://codingnomads.com/javascript-event-method-preventdefault#intro
How to Prevent an Event's Default Behavior	https://codingnomads.com/javascript-event-method-preventdefault#how-to-prevent-an-events-default-behavior
Why Should You Prevent the Default Behavior	https://codingnomads.com/javascript-event-method-preventdefault#why-should-you-prevent-the-default-behavior
Summary: Javascript Event Method: preventDefault()	https://codingnomads.com/javascript-event-method-preventdefault#summary-javascript-event-method-preventdefault
Get Mentorship	https://codingnomads.com/online-coding-bootcamp-mentorship-program?landing_page=true&from_ad=Mentorship In-house 1
Previous	https://codingnomads.com/js-201-site-gen-project-form
Next → How to Create and Trigger Input Validation Using JavaScript match	https://codingnomads.com/how-to-create-and-trigger-input-validation-using-javascript-match
Login	https://codingnomads.com/login
Java Programming	https://codingnomads.com/subject/learn-java-online-java-certification-courses
Python Programming	https://codingnomads.com/subject/learn-python-online-python-certification-courses
JavaScript Programming	https://codingnomads.com/subject/learn-javascript-tutorial-series-javascript-certification
Git & GitHub	https://codingnomads.com/subject/how-to-use-github-and-git-tutorial-series-certifications
SQL + Databases	https://codingnomads.com/subject/learn-sql-practice-sql-certification-courses
Spring Framework	https://codingnomads.com/subject/advanced-java-spring-boot-tutorials-courses-spring-certification
Data Science + Machine Learning	https://codingnomads.com/subject/python-data-science-machine-learning-courses-certifications
Deep Learning with Python	https://codingnomads.com/subject/deep-learning-with-python-ml-dl-courses-certifications
Django Web Development	https://codingnomads.com/course/python-django-web-framework
Flask Web Development	https://codingnomads.com/course/python-flask-web-framework
Java Engineering Career Track	https://codingnomads.com/career-track/learn-java-bootcamp-java-spring-fullstack-developer
Python Web Dev Career Track	https://codingnomads.com/career-track/python-web-development-learn-python-bootcamp
Data Science / ML Career Track	https://codingnomads.com/career-track/python-machine-learning-and-data-science-bootcamp
Career Services	https://codingnomads.com/software-engineer-career-advisor-program
About CodingNomads	https://codingnomads.com/about
Corporate Partnerships	https://codingnomads.com/corporate-partnerships
Contact us	https://codingnomads.com/contact
Blog	https://codingnomads.com/blog
Discord	https://codingnomads.com/discord
Youtube	https://www.youtube.com/channel/UCGA2DeCbZH4pTq7Mmh24-4A
Instagram	https://www.instagram.com/codingnomads/
Twitter	https://twitter.com/codingnomads
LinkedIn	https://www.linkedin.com/school/codingnomads/
Facebook	https://www.facebook.com/codingnomads/
Contact	https://codingnomads.com/contact
Privacy Policy	https://codingnomads.com/page/privacy-policy
Terms of Use	https://codingnomads.com/page/terms-of-use
Acceptable Use Policy	https://codingnomads.com/page/acceptable-use-policy
Disclaimer	https://codingnomads.com/page/disclaimer
DSAR	https://codingnomads.com/page/dsar
Consent Preferences	https://codingnomads.com/javascript-event-method-preventdefault
Cookie Policy	https://codingnomads.com/page/cookie-policy

Viewport: width=device-width, initial-scale=1

URLs of crawlers that visited me.