index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello, React</title>
</head>
<body>
<div id="root">


    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>


    <script>
        function App(){
            // const time = new Date().toLocaleTimeString();
            const [time, setTime] = React.useState(new Date().toLocaleTimeString())

            React.useEffect(()=>{
                setInterval(()=>setTime(new Date().toLocaleTimeString()), 1000)

            }, [])
            return React.createElement("header", null, `Love is Blind! Its the time ${time}`)
        }

        const root = ReactDOM.createRoot(document.getElementById('root'));
        root.render(React.createElement(App))
    </script>

</div>
</body>
</html>