Tasks Solution

addTimer.tsx

// Location: app/(login)/login/page.tsx

"use client"

import { useState } from "react"
import LoginLayout from "./layout";
export default function Page() {
  const [name, setName] = useState("")
  const [date, setDate] = useState(Date.now().toString());
  const [secs, setSecs] = useState(0);

  setTimeout(() => {
    const currTime = new Date(Date.now());
    setSecs(currTime.getUTCSeconds());
    setDate(currTime.toTimeString());
  }, 1000);
  return (
    <>
      <input type="text" onChange={(e) => { setName(e.target.value) }} />
      <br />
      <div>{name === "" ? "Hello" : name}</div>
      <div>Seconds: {secs}</div>
      <div>Date: {date}</div>
    </>
  )
}