<!DOCTYPE html>
<html>

  <head>
    <script data-require="immutable.js@*" data-semver="3.7.6" src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.7.6/immutable.min.js"></script>
  </head>
  <body>
    <script src="script.js"></script>
  </body>

</html>
// make console.log write to the page for better in-browser experience
(function () {
  var body = document.querySelector('body');
  body.style['fontFamily'] = 'monospace';
  body.style['fontSize'] = '2em';
  console.log = function (x) { body.innerText += x + '\n'; };
}());
//******************************


let array = [1, 2, 3]

let list = Immutable.List(array)

console.log(array)
console.log(list)

array.push(4)
console.log(array)

list.push(4)
console.log(list)

list = list.push(4)
console.log(list)

array = array.concat(5, 6, 7)
list = list.concat(5, 6, 7)

console.log(array)
console.log(list)

wordlist = Immutable.List('word')
console.log(wordlist)

wordlist = Immutable.List.of('word')
console.log(wordlist)

















/* Styles go here */