Build a loading button with jQuery

Assignment from The Iron Yard-Austin

Week 4 - day 13

Description

Using jQuery, build a button that becomes disabled when you click on it and changes its text to "Loading..." and then returns to its normal state after 4 seconds

Objectives

Learning Objectives

After completing this assignment, you should…

• Understand how to select HTML elements using jQuery
• Understand what a callback function is

Performance Objectives

After completing this assignment, you be able to effectively use

• $.html()
• $.prop()
• setTimeout

Details

Deliverables

• A repo containing at least:
  • index.html
  • scripts/main.js
  • package.json

Requirements

• No ESLint warnings or errors

Normal Mode

Replicate the following behavior using jQuery.

Hard Mode

Update your loading button to include a progress bar.