Chain Map Filter Reduce and output to DOM : JavaScript / HTML / CSS

index.html

<div id="out"></div>

map-filter-reduce-computation.js

const x = [0,1,2,3,4,5,6,7,8,9]
  .map((elm) => elm * 12)  
  .filter((elm) => elm > 42)
  .reduce((sum, n) => sum += n)

document.querySelector('#out').appendChild(document.createTextNode(`Hello there: ${x}`))

styles.css

* {
  color: magenta;
  font-weight: bold;
  font: 1.3em "Open Sans", sans-serif;
}