자바스크립트 query select 질문 혹시 가능할까요? 채택완료

import React, {useState} from 'react';

import './reset.css'

import './common.scss'

import './login.scss'

import Footer from "./Footer"

const form = document.querySelector(".js-form"),

      input = form.querySelector("input"),

      gretting = document.querySelector(".js-grettings")

    const USER_ID = "currentUser",

          showing_cn = "showing"

    function saveName(text) {

        localStorage.setItem(USER_ID, text);

    }

    function askForName() {

        form.classList.add(showing_cn);

        form.addEventListener("submit",handleSubmit)

    }

    function handleSubmit(event) {

        event.preventDefault();

        const currentValue = input.value;

        paintGretting(currentValue);

        saveName(currentValue);

    }

    function paintGretting(text) {

        form.classList.remove(showing_cn);

        gretting.classList.add(showing_cn);

        gretting.innerText = `${text} 님 반갑습니다`

    }

function loadName() {

    let currentUser = localStorage.getItem(USER_ID);

    if (currentUser === null) {

        askForName();

    } else {

        paintGretting(currentUser);

    }

}

function init() {

    loadName();

}

init();

function AskForm(){

    return(