Преобразование response.js в html/css ⇐ CSS

[Anonymous]

Не поймите неправильно. Мне это нужно для небольшого эксперимента, а так как я не фронтенд-разработчик, не знаю реакции.js, мне нужна помощь
У меня есть файл main.jsx
Я бы хотел изменить его на чистый html\css\js, т.е. без реакции. У меня проблема. Если в этом коде данные из формы передаются на сервер через const Main (если не ошибаюсь), то как это написать в html? Используете атрибут data-value?
Файл Main.jsx:
import React from "react";
import { useState } from "react";
import { Link } from "react-router-dom";

import styles from "../styles/Main.module.css";

const FIELDS = {
NAME: "name",
ROOM: "room",
};

const Main = () => {
const { NAME, ROOM } = FIELDS;

const [values, setValues] = useState({ [NAME]: "", [ROOM]: "" });

const handleChange = ({ target: { value, name } }) => {
setValues({ ...values, [name]: value });
};

const handleClick = (e) => {
const isDisabled = Object.values(values).some((v) => !v);

if (isDisabled) e.preventDefault();
};

return (


Join









Sign In





);
};

export default Main;



Подробнее здесь: https://stackoverflow.com/questions/765 ... o-html-css