Question: In Javascript please. Here is the link to the code discussed in part A: https://gist.github.com/mh108/73315f531076dd6669460bf64dbdad25. Update: Screenshot of toPirate2.html added Thank you! neta charset-UTF-8> Pirate

In Javascript please. Here is the link to the code discussed in part A: https://gist.github.com/mh108/73315f531076dd6669460bf64dbdad25.

Update: Screenshot of toPirate2.html added

In Javascript please. Here is the link to the

Thank you!

In Javascript please. Here is the link to the

neta charset-"UTF-8"> Pirate Translator

Land Lubber's Pirate Translator

xp>Simply click the buttons to translate words and/or phrases from English to Standard Pirate.

Greetings: button style-"background-color: lightblue; padding: 3px;" id-"b2">Pardon Me red; padding: 3px;" id-"b7">Officer Lightyellow; padding: 3px;" id="b8">Friend

<button type- value>Clear</button> <script src-> 8 9 o 1 .2 .3  2In the Pirate Translator web app, individual button elements differ only in the value of their id attribute and the button content (the word/phrase to be translated) By using and array, it is possible to generate the buttons dynamically, so that you do not have to manually add new button elements every time the vocabulary expands. A) Download toPirate3.js, toPirate3-table.html, and toPirate3.css from Github to your p5 folder. B) Copy your pirate image into to your p5 folder. C) Open your toPirate2.html from Project 3 in Atom and Save As.. toPirate3.html. Replace your HTML table in toPirate3.html with the table in toPirate3- table.html. Preview toPirate3.html in Chrome. Two rows of the table should populate dynamically when the page loads. If necessary, debug by opening the DevTools Console, and checking for error messages. D) Modify toPirate3.css to style the second row of buttons. E) Add four more words/phrases to the words array in the addButtons function in toPirate3.js. F) In the addButtons function, add a for loop that adds a third row of buttons to the table. Add the necessary style classes to toPirate3.css to style the buttons. Test and debug your web app. G) Repeat steps E-F to add a fourth row of buttons to the table. Test and debug your web app. H) Repeat steps E-F to add a fifth row of buttons to the table.  <!DOCTYPE html> <html lang-"en"> <head> neta charset-"UTF-8"> <title>Pirate Translator <link rel-"stylesheet" href "toPirate2.css"> <body> <h3> <img src-"pirate.png" alt-"Blackbeard">Land Lubber's Pirate Translator xp>Simply click the buttons to translate words and/or phrases from English to Standard Pirate.  <hr <table <tr> <td> <category>Greetings: <button style-"background-color: lightgreen; padding: 3px;" id-"b1">Hello</script>

button style-"background-color: lightblue; padding: 3px;" id-"b2">Pardon Me red; padding: 3px;" id-"b7">Officer Lightyellow; padding: 3px;" id="b8">Friend

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Write the grade calculator HTML page such that it uses objects, and persists the object state (data) using cookies. You may implement a Save button to store the assignment data in the cookie. Make...

Please only in JavaScript Please only in JavaScript Please only in JavaScript Please only in JavaScript Please only in JavaScript A. This project will have two different classes a. Main b. Slot...

------------------------------------------------------------------------- CODE IN JAVASCRIPT ONLY USE PARAMATERS SPECIFIED ONLY JAVA UTIL SCANNER AND OTHER IMPORTS CALLED UPON DO NOT USE READLINE OR...

Write JavaScript code to generate table HTML for a grid that is suitable for your project game an Expense Tracker . This expense tracker will help keep track of your monthly expenses. Instead of...

JavaScript Please explain 1. Which ONE of the following statements about the HTTP protocol is FALSE? a. HTTP is a protocol that world-wide-web applications commonly use. b. Both HTTP GET and POST can...

Using HTML/CSS and JavaScript, please help me with this. PLEASE put your CODE: Thank You! PLEASE provide your CODE!!! The page will follow the header/main/footer format that we previously used. A nav...

Here's the code provided for the question: var courseGrade; //Assessment object function Assessment(name, type, maxPoint) { this.name = name; this.type = type; this.maxPoints = maxPoint;...

You will create the events using event listeners and all JavaScript should go in script tags for each part (provided for you). Feel free to use anonymous functions for the event listeners except for...

Programming Assignment In this assignment, you will practice JavaScript. Please login to Codecademy system, click on the syllabus tab, and complete these two sections of the Introduction to...

Web Programming code question JAVASCRIPT please help me with the following code 1. Make a folder or project named a2-firstname-lastname. 2. Make a HTML file and save it with the name index.html...

Errol provides his employees with the use of a car for 183 days during the FBT year. during this period the traveled 16000 km. Errol purchased the car last yer for $50000. the employee contributed...

Known: TC = Q 2 + 400Q +700 P = 1500 What is the maximum profit function? (Phi = TR-TC function) explain how to get the answer Thank you in advance!

A type of mutual fund that attempts to tailor its holdings to an investor's age and tolerance for risk is known as a(n): ANSWER Unselected life cycle fund. Unselected ETF. Unselected balanced mutual...

The Sisyphean Company has a bond outstanding with a face value of $5,000 that reaches maturity in 5 years. The bond certificate indicates that the stated coupon rate for this bond is 8.8% and that...