Как быть в состоянии нажать на TR и редактировать персоналии

Question

Я изучаю веб-разработку и сейчас делаю одностраничное приложение. Мы используем JavaScript, а я не могу использовать jquery, начальную загрузку и т. Д. Я гуглил, видел видео с лекций, но я все еще пустой как холст.

Проблема в том, что мне нужно сделать регистрацию контактов. Вы должны быть в состоянии нажать на контакты, другой раздел страницы должен быть активным, где вы сможете редактировать контакты и видеть, где они живут. Карта в порядке, но я не знаю, как я могу это сделать, я не нахожу примеров по этому поводу, которые не предлагают использовать jquery.

Мы догадались, что-то вроде этого, но, вероятно, это неправильно:

document.querySelector("tr").addEventListener('click' , e => {
    document.querySelector('editContact')

    function editContact(contact) {
        let editContact = document.querySelector("#searchcontact tr");
        editContact.innerHTML = "TR";
        let form = document.editContact()
    }
})

Большое спасибо заранее!

Answer 1

Есть множество способов сделать это.Это не полное решение, но вам следует начать:

Обычно в вашей таблице уже есть текстовый ввод <input name="username_1" class="hidden" type="text">, который скрыт вдоль содержимого, например <span id="username_1">MAREN</span>

Тогда у вас будет немного CSS для сокрытия вещей:

.hidden {
   display:none;
}

Так что даже при нажатии вы добавите скрытое имя класса в SPAN и удалите его изВХОД.Это визуально меняет статическое значение метки.

После этого есть кое-что еще, но попробуйте.