Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Your artist and song data will go in 'src/artists.js' and 'src/songs.js' respectively. See these files for technical details about how to code your data. Take

image text in transcribedimage text in transcribed
Your artist and song data will go in 'src/artists.js' and 'src/songs.js' respectively. See these files for technical details about how to code your data. Take some time now to enter all of your app's data. Store Web Site HTML Your app's HTML file is located in 'src/index.html'. A brief HTML skeleton has been created, and you are asked to fill in the rest using your information above. Some of your site will be static (i.e., coded in HTML directly in index.html) and never change. Other parts of the site will be dynamic (i.e., created using DOM API calls at run-time) and will update in response to various events and user actions. Here is a basic wireframe of what your site needs to include, and which parts are static or dynamic. NOTE: don't worry too much about how it looks. Focus on the structure and functionality. Menu Navigation: Clickable Artist Names Dynamically Generated Header: Always the same Ap p Na me Slogan/Description... Artist1 Artist2 Artist3 Artist1 Name (T u:; _ Iii": . Song Na e Year Recorded Duration (mm:ss) Table Body: Dynamic, Selected Artist Name: All Non-Flagged Songs Table Header: Dynamically Set When for Chosen Artist Always the Same . Artist is Clicked Duration Clicking Anywhere formatted to Artist Links: Dynamic, Anchors showing all the links for the artist, separated by commas On A Row should minutes:seconds console.log() Dynamic Content All of your app's dynamic content will be written in JavaScript in the 'src/app.js' file. Here is a list of the tasks you need to complete: 1. Create an event handler to run when the page is loaded. Make sure you don't do anything to the DOM until it's fully loaded. Your function should do the following: a. Create all of the buttons for your store's Artists i. Loop through all of your Artist objects and create a

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored 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

Recommended Textbook for

Financial management theory and practice

Authors: Eugene F. Brigham and Michael C. Ehrhardt

12th Edition

978-0030243998, 30243998, 324422695, 978-0324422696

Students also viewed these Programming questions