JavaScript

Manipulating DOM Elements Part 2

<ul>
  <li>Indian Ocean</li>
  <li>Arctic Ocean</li>
  <li>Southern Ocean</li>
  <li>Atlantic Ocean</li>
</ul>

let oceansList = document.querySelector('ul');
let lastOcean = document.querySelector('li:last-child');


let oceansList = document.querySelector('ul');
let lastOcean = document.querySelector('li:last-child');
let newOcean = document.createElement('li');
newOcean.textContent = "Pacific Ocean";
oceansList.insertBefore(newOcean, lastOcean);
