Greets Users Using React JS by getcodr || React JS Projects

Create a Greeting Massage For Users , Using React js 

 import React from 'react'

import ReactDOM from 'react-dom' ;

let curdate = new Date();

curdate = curdate.getHours();

let greeting = "" ;

const rampir = {} ;

if(curdate >= 1 && curdate <11){

    greeting ="Good Morning";

    rampir.color = "green" ;

}

else if(curdate >= 12 && curdate <19){

    greeting = "Good Afternoon";

    rampir.color = "Orange" ;

}

else{

    greeting = "Good Night" ;

    rampir.color = "black" ;

}

ReactDOM.render(

    <>

    <h1>Hello Sir ,<span style={rampir}> {greeting}</span> </h1>

    </>,

    document.getElementById('root')

)

                                my youtube channel

                                    getcodr