React example - chaging output and inline styling depending on condition
Mon Jan 11 2021 11:57:35 GMT+0000 (Coordinated Universal Time)
Saved by
@k2adir
#javascript
#reac
#jsx
// will need a HTML page with "root"
import React from "react";
import ReactDOM from "react-dom";
const date = new Date();
const currentTime = date.getHours();
const currentMins = date.getMinutes();
let greeting;
const customSyle = {
color: ""
};
if (currentTime < 12) {
greeting = "good morning";
customSyle.color = "red";
} else if (currentTime < 18) {
greeting = "good evening";
customSyle.color = "blue";
} else {
greeting = "good night";
customSyle.color = "puprle";
}
ReactDOM.render(
<h1 className="heading" style={customSyle}>
{currentTime + ":" + currentMins + " " + greeting}
</h1>,
document.getElementById("root")
);
content_copyCOPY
Comments