Public
Script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/** @jsxImportSource https://esm.sh/react */
import { useEffect, useState } from "https://esm.sh/react";
export default function Component() {
const [text, setText] = useState("from server");
useEffect(() => {
console.log("from client");
// Set up an interval to update the textarea every second
const intervalId = setInterval(() => {
const currentTime = new Date().toLocaleTimeString();
setText(currentTime);
}, 1000);
// Clean up the interval on component unmount
return () => clearInterval(intervalId);
}, []);
return (
<div>
<p>{text}</p>
</div>
);
}
Val Town is a social website to write and deploy JavaScript.
Build APIs and schedule functions from your browser.
Comments
Nobody has commented on this val yet: be the first!
February 28, 2024