Advertisement
Guest User

Untitled

a guest
Mar 20th, 2019
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.14 KB | None | 0 0
  1. 'use strict';
  2.  
  3. // Leave this line alone.
  4. document.addEventListener("DOMContentLoaded", function() {
  5.  
  6. //// Remove the alert and then get started.
  7.  
  8.  
  9. // Your code goes here!
  10. // mars image //
  11.  
  12. let spaceImage = document.getElementsByTagName('img')[0];
  13. spaceImage.src = 'mars.jpg';
  14. spaceImage.height = 500;
  15. spaceImage.width = 500;
  16. // title
  17.  
  18. let titlepage = document.getElementById('main-title');
  19. titlepage.innerHTML = " Fix <em> this </em> Page </h1>";
  20.  
  21. // css into orderlist
  22. let ol = document.getElementsByTagName('ol')[0];
  23. ol.className = ('engage');
  24. // adding heading title
  25. let heading3 = document.getElementsByTagName('h3')[0];
  26. heading3.innerHTML = 'List of things we need to learn about JavaScript';
  27.  
  28. // creating and removing list words
  29. let UsingtheDOM = document.createElement('li');
  30. let UsingtheDOMText = document.createTextNode('Using the DOM ');
  31. UsingtheDOM.appendChild(UsingtheDOMText);
  32. document.getElementById('knowledge-list').appendChild(UsingtheDOM);
  33.  
  34.  
  35. let relationtoHTML = document.getElementById('knowledge-list');
  36. let firstword = relationtoHTML.firstElementChild;
  37. let newlist = document.createElement('li');
  38. let relationtoHTMLText = document.createTextNode('Relation to HTML');
  39. newlist.appendChild(relationtoHTMLText);
  40. relationtoHTML.insertBefore(newlist, firstword);
  41.  
  42.  
  43.  
  44. let list = document.getElementById('knowledge-list');
  45. let thirdelement = list.children[3];
  46. list.removeChild(thirdelement);
  47.  
  48. // create new child li node
  49. let newItem = document.createElement("LI");
  50. let textNode = document.createTextNode('Syntax');
  51. newItem.appendChild(textNode);
  52.  
  53. // insert before third node
  54. list.insertBefore(newItem, list.childNodes[3]);
  55. // heading 6 extra credit //
  56. var elem = document.getElementById("change-me");
  57. var parent=elem.parentNode;
  58. var newElement = document.createElement("h6");
  59. newElement.textContent = elem.textContent;
  60. newElement.id=elem.id;
  61. parent.replaceChild(newElement, elem);
  62.  
  63. // Leave this line alone.
  64. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement