EssayproSolutions

(Solved) : Exercise 124 Use Browser S Developer Tools View Dom Tree Document Fig 124 Look Document Tr Q34259269 . . .

1. Exercise 12.4: Use a browser’s developer tools to view the DOMtree of the document in Fig. 12.4. Look at the document tree ofyour favorite website. Explore the information these tools give youin the right panel(s) about an element when you click it.

   Please use the Chrome browser:

   1. Start with the documentation for Chrome Developer Tools:https://developers.google.com/web/tools/chrome-devtools/ (Links toan external site.)Links to an external site.
   2. CodeSchool has a free course on Chrome DevTools athttps://www.codeschool.com/courses/discover-devtools (Links to anexternal site.)Links to an external site.

Write a paragraph or two about what you learned about using theChrome developer tools.

2. Implement a web page that performs tip calculations. At aminimum, you will need an input element each forthe original cost and for the tip rate, a buttonto trigger calculations, and an element for displaying the result.Use the DOM to access the elements in the web page. Do not use theprompt, alert, ordocument.writeln methods.

Expert Answer

Answer to Exercise 124 Use Browser S Developer Tools View Dom Tree Document Fig 124 Look Document Tr Q34259269 . . .