Answered step by step
Verified Expert Solution
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 prject
You might be better off just looking at the screenshots!!
Task : 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 art 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 itOh man, we struggled with this assignment. Lemme tell you about it Task : 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 : 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 JavaScriptjQuery script uses buttons to modify some elements on the page
Requirements: jQuery must be loaded for this script to work.
Author: Wes modes
Date:
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 : Test, Debug, and Upload
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started