update date.js and remove document.write

Question

I would like help to update this date.js code to remove the document.write statements as it is now obsolete

 if (Date.parse(document.lastModified) != 0) {
  var modiDate = new Date(document.lastModified);
  var monthName = new Array("January", "February", "March", "April", "May", 
   "June", "July", "August", "September", "October", "November", "December");
  document.write(monthName[modiDate.getMonth()] + " ");
  document.write(modiDate.getDate() + ", " + modiDate.getFullYear());
  }

What do I put in place of document.write(...... please

the javascript code produces a (File) Updated on September 12, 2019 at the bottom of the web page via this code snipit

 <p>Updated <script type="text/javascript" src="/public/jsscripts/date.js"> </script>

Thanks Mark

https://stackoverflow.com/questions/12574098/is-document-write-actually-deprecated — Oleg, Sep 12 '19 at 09:35

score 1 · Answer 1 · answered Sep 12 '19 at 09:48

You can use insertAdjacentHTML, which is the closest equivalent replacement of document.write together with currentScript to get the HTML element of the script, that's being evaluated.

<p>Updated
  <script>
    var modiDate = new Date(document.lastModified);
    var monthName = new Array("January", "February", "March", "April", "May",
      "June", "July", "August", "September", "October", "November", "December");
    var text = monthName[modiDate.getMonth()] + " ";
    text += modiDate.getDate() + ", " + modiDate.getFullYear();
    document.currentScript.insertAdjacentHTML('afterend', text);
  </script>
</p>

Thanks for yoru feedback – mark adlington Sep 16 '19 at 22:06 — mark adlington, Sep 16 '19 at 22:06

score 0 · Answer 2 · answered Sep 12 '19 at 09:40

Something like this maybe.

It'll update all elements with the class documentLastModified.

<p>Updated <span class="documentLastModified" /></p>

<script>
var modiDate = new Date(document.lastModified);
[].slice.call(document.querySelectorAll('.documentLastModified')).forEach((el) => {
  el.innerHTML = modiDate.toDateString();
});
</script>

score 0 · Answer 3 · answered Sep 12 '19 at 09:45

Use getElementById and toLocaleDateString

// date.js

document.getElementById('updated-date').textContent = new Date().toLocaleDateString('en-US', { /* new Date(document.lastModified)... */
  month: 'long',
  day: 'numeric',
  year: 'numeric'
})

<p>Updated <span id="updated-date"></span></p>

<!-- end of body 
<script type="text/javascript" src="/public/jsscripts/date.js">-->

update date.js and remove document.write

3 Answers3