Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 'use strict';
- // Leave this line alone.
- document.addEventListener("DOMContentLoaded", function() {
- //// Remove the alert and then get started.
- // Your code goes here!
- // mars image //
- let spaceImage = document.getElementsByTagName('img')[0];
- spaceImage.src = 'mars.jpg';
- spaceImage.height = 500;
- spaceImage.width = 500;
- // title
- let titlepage = document.getElementById('main-title');
- titlepage.innerHTML = " Fix <em> this </em> Page </h1>";
- // css into orderlist
- let ol = document.getElementsByTagName('ol')[0];
- ol.className = ('engage');
- // adding heading title
- let heading3 = document.getElementsByTagName('h3')[0];
- heading3.innerHTML = 'List of things we need to learn about JavaScript';
- // creating and removing list words
- let UsingtheDOM = document.createElement('li');
- let UsingtheDOMText = document.createTextNode('Using the DOM ');
- UsingtheDOM.appendChild(UsingtheDOMText);
- document.getElementById('knowledge-list').appendChild(UsingtheDOM);
- let relationtoHTML = document.getElementById('knowledge-list');
- let firstword = relationtoHTML.firstElementChild;
- let newlist = document.createElement('li');
- let relationtoHTMLText = document.createTextNode('Relation to HTML');
- newlist.appendChild(relationtoHTMLText);
- relationtoHTML.insertBefore(newlist, firstword);
- let list = document.getElementById('knowledge-list');
- let thirdelement = list.children[3];
- list.removeChild(thirdelement);
- // create new child li node
- let newItem = document.createElement("LI");
- let textNode = document.createTextNode('Syntax');
- newItem.appendChild(textNode);
- // insert before third node
- list.insertBefore(newItem, list.childNodes[3]);
- // heading 6 extra credit //
- var elem = document.getElementById("change-me");
- var parent=elem.parentNode;
- var newElement = document.createElement("h6");
- newElement.textContent = elem.textContent;
- newElement.id=elem.id;
- parent.replaceChild(newElement, elem);
- // Leave this line alone.
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement