I’m trying to create a web page that contains 3 JavaScript objects

by

Try

let book1 = { title: "A Song of Ice and Fire", author: "George RR Martin", type: "Paperback", price: 19.99, image: "songoficeandfire.jpg" }
let book2 = { title: "The Woman in the Window", author: "A.J. Finn", type: "Paperback", price: 6.29, image: "womaninwindow.jpg"}
let book3 = { title: "The Silkworm", author: "Robert Galbraith", type: "Hardback", price: 14.99, image: "silkworm.jpg" }

let books = [book1, book2, book3];

function show(index) {
  msg.innerText = JSON.stringify(books[index], null, 4);
}
<button onclick="show(0)">Show book1</button>
<button onclick="show(1)">Show book2</button>
<button onclick="show(2)">Show book3</button>

<pre id="msg"></pre>

More Related Contents:

  1. Pure JavaScript: a function like jQuery’s isNumeric() [duplicate]
  2. How to use JQuery with ReactJS
  3. How to uncheck a radio button?
  4. What is “context” in jQuery selector?
  5. I need to open a new window in the background with JavaScript, and make sure the original is still focused
  6. Detect Safari browser
  7. Can I change the viewport meta tag in mobile safari on the fly?
  8. Retrieving binary file content using Javascript, base64 encode it and reverse-decode it using Python
  9. Set “this” variable easily?
  10. Short-polling vs Long-polling for real time web applications?
  11. How can I validate google reCAPTCHA v2 using javascript/jQuery?
  12. AngularJS dynamic routing
  13. How to clear browsing history using JavaScript?
  14. Angular 2 – How to pass URL parameters?
  15. How can I use JavaScript to detect if I am on a cached page
  16. How to structure nested Promises
  17. Array map function doesn’t change elements
  18. how to change the headers for angularjs $http.jsonp
  19. javascript to get paragraph of selected text in web page
  20. Resource blocked due to MIME type mismatch (X-Content-Type-Options: nosniff)
  21. JSON Parse File Path
  22. stop dragging after a limit has reached
  23. Is using labels in JavaScript bad practice?
  24. JQuery issue “TypeError: $.getJSON is not a function”
  25. get url after “#” in express.js middleware request
  26. React – Dynamically Import Components
  27. How to replace curly quotation marks in a string using Javascript?
  28. How to use LUT with JavaScript?
  29. FastAPI is not returning cookies to React frontend
  30. Is it possible to call a class method with addEventListener?

Leave a Comment