var React = require("react"); var ReactDOM = require("react-dom"); const CURRENT_DATE = new Date(); console.log(CURRENT_DATE); const CURRENT_YEAR = CURRENT_DATE.getFullYear(); const CURRENT_TIME = CURRENT_DATE.getHours(); console.log(CURRENT_TIME); let greeting; const greetingColor = { color: "Black" }; if (CURRENT_TIME < 12) { greeting = "Good Morning"; greetingColor.color = "red"; } else if (CURRENT_TIME < 18) { greeting = "Good Afternoon"; greetingColor.color = "green"; } else { greeting = "Good Night"; greetingColor.color = "blue"; } ReactDOM.render( <div> <h1 className="heading" style={greetingColor}> {greeting} </h1> </div>, document.getElementById("root")
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter