JSFiddle - React, Tailwind, and code Playground

by ucdl

HTML

<html>
<body>
<div>Printed 
<span id="datetime"></span></div>
<div>New Printed
<span id="ndatetime"></span>
</div>
<div>Third time
<span id="xdatetime"></span>
</div>

<div>current year
<span id="currentyear"></span>
</div>
</body>

</html>

JavaScript

const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
  "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
];

var dt = new Date();

document.getElementById("datetime").innerHTML =  (monthNames[dt.getMonth()]) +"-"+ (("0"+dt.getDate()).slice(-2)) +"-"+ (dt.getFullYear()) +" "+ (("0"+dt.getHours()).slice(-2)) +":"+ (("0"+dt.getMinutes()).slice(-2)) + " GMT";

document.getElementById("currentyear").innerHTML =  (dt.getFullYear()) ;




var ndt = new Date();


document.getElementById("ndatetime").innerHTML = (("0"+(ndt.getMonth()+1)).slice(-2)) +"/"+ (("0"+ndt.getDate()).slice(-2)) +"/"+ (ndt.getFullYear()) +" "+ (("0"+ndt.getHours()).slice(-2)) +":"+ (("0"+ndt.getMinutes()).slice(-2)) + " GMT" ;




const d = new Date();
document.getElementById("xdatetime").innerHTML = ("The current month is " + monthNames[d.getMonth()]);





var months = new Array(12);
months[0] = "Jan";
months[1] = "Feb";
months[2] = "Mar";
months[3] = "Apr";
months[4] = "May";
months[5] = "Jun";
months[6] = "Jul";
months[7] = "Aug";
months[8] = "Sep";
months[9] = "Oct";
months[10] = "Nov";
months[11] = "Dec";

var current_date = new Date();
current_date.setDate(current_date.getDate() + 15);
month_value = current_date.getMonth();
day_value = current_date.getDate();
year_value = current_date.getFullYear();

document.write("Printedx: " + day_value + "-" + months[month_value] + "-" + year_value) + "   " +  ("0"+dt.getHours().slice(-2)) +":"+ (("0"+dt.getMinutes()).slice(-2)) + " GMT";