Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Please give me the code to do this, I could not figure it out last time I did it and want to see where I

Please give me the code to do this, I could not figure it out last time I did it and want to see where I went wrong
(or practice and learning purposes!!! this is an old pr0ject)
You might be better off just looking at the screenshots!!
Task 1: Create an index.html for your lab
As always, create the proper folders and an index, css, and JavaScript files for this lab. And make sure you also put a link from your art101 homepage to
this lab
As usual, create an index.html with three organized sections: Challenge, Problems, and Results
Make sure each of these sections are in their own div and give them the IDs challenge, problems, and results, respectively.
Oh man, we struggled with this assignment. Lemme tell you about it...
Use heading, div, and paragraph tags to organize your page.
Include jQuery in the Oh man, we struggled with this assignment. Lemme tell you about it...Oh man, we struggled with this assignment. Lemme tell you about it... Task 3: Create a CSS file for your lab
Do all the usual things to gussy up your page to let your creativity fly. But also include the following:
Create a class special and change the appearance any way you like:
Task 2: Create a JavaScript file using jQuery
Create a new javascript file (or use the existing template) in your code editor in your lab's js folder
Comment block: Put a comment block at the top of your program. Here's what mine looks like:
lab.js - This simple JavaScript/jQuery script uses buttons to modify some elements on the page
Requirements: jQuery must be loaded for this script to work.
Author: Wes modes
Date: 2023
*/
Add Buttons: Using jQuery, append buttons to your challenge, problems, and results sections of your document. Here's an example of one: Add Buttons: Using jQuery, append buttons to your challenge, problems, and results sections of your document. Here's an example of one:
Add an Event Listener: Add an click listener to each button. Here's one:
Test your new buttons!
Get this working and test before you move on.
Remember:
Use the JavaScript console to test all the parts of your program and see if anything went wrong
Experiment with new commands in the JavaScript console to see how they work
Add comments to your function to say what it does
Make it neat using lots of whitespace.
Style in programming matters, so use indentations and spaces where necessary.
Remember to put a semicolon at the end of every line.
Take a screenshot of your working page and include your JavaScript source in your PDF. Make sure this is captioned and labeled.
Task 4: Test, Debug, and Upload
image text in transcribed

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions