Не могу сделать вывод таблицы сравнивая существующий пароль с веденым из input

    const PASSWORD = '0000'
    const changeValue = () => {
        const infoAdmin = document.querySelector('.checkAdmin').value 
        console.log('finish_method_changeVAlue')
        return infoAdmin
    }
    
    const enterAdmin = () => {
        changeValue()
        if (infoAdmin  === PASSWORD) {
            ReactDOM.render(infoAdmin, document.getElementById('ticket_from_id'));
        }
        const infoAdmin =  <div> 
                <h5 className='ticket_header'> Звідки</h5>
            <input   placeholder="Точка початку маршруту " className="whereform"  required/>
                <h5 className='ticket_header'> Куди</h5>
            <input   placeholder="Точка кінця маршруту" className="where"  required/>   
                <h5 className='ticket_header'> Вільні місця</h5>
            <input   placeholder="Кількість вільних місць" className="freePlaces"  required/>
                <h5 className='ticket_header'> Вартість для Економу</h5>
            <input   placeholder="$...." className="costForEconom"  required/>      
                <h5 className='ticket_header'> Вартість для Бізнес</h5>
            <input   placeholder="$...." className="costForBiznes"  required/>      
                <h5 className='ticket_header'> Склад працівників</h5>
            <input   placeholder="Введіть ФІО складу команди " className="amountOfWorkers"  required/>      
                <h5 className='ticket_header'> Склад екіпажу</h5>
            <input   placeholder="Введіть кількість" className="amountOfEkip"  required/>
        </div>
        }
     
    
    return(
        <div className="ticket_container">
            <div className="ticket_form" >
                    
                    <h1 className='ticket_header_main'> *Додаваня Білету*</h1>
                
                <h5 className='ticket_header'>Пароль для Адмін-панелі</h5>
                
                <input   placeholder="Пароль: "  onChange={changeValue} className="checkAdmin"  required/>
                <button onClick={enterAdmin} >Enter</button>
                    <div id="ticket_from_id">

                    </div>
                <button  className="buttInfo" onClick={sumbmitInfo} >Додати білет</button>
            </div>     
        </div>  
    )

Задача заключается в том что бы получить из инпута пароль для админа и исходя из совпадения пароля , вывести/отрендерить остальную часть таблицы.


Ответы (0 шт):