Не могу сделать вывод таблицы сравнивая существующий пароль с веденым из 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>
)
Задача заключается в том что бы получить из инпута пароль для админа и исходя из совпадения пароля , вывести/отрендерить остальную часть таблицы.