Как мне изменить свой текстовый элемент с помощью функции файла javascript? [дубликат] ⇐ CSS

[Anonymous]

Я пытаюсь заставить кнопку отображать входные значения при нажатии на нее. Однако, похоже, она не отвечает. Любые советы, рекомендации или идеи, которые помогут. Я не хочу использовать тег сценария на странице html. Я хочу использовать только внешний файл JS, ссылка на который находится в верхней части страницы.
Вот мой файл JavaScript.

Код: Выделить всё

const myButton = document.getElementById("buttonQuery");
myButton.addEventListener(click, QueryButton());

function QueryButton() {
const fName = document.getElementById("FirstName").value;
const lName = document.getElementById("LastName").value;
const userEmail = document.getElementById("Email").value;
const userPhoneNumber = document.getElementById("Phone").value;
const userAge = document.getElementById("Age").value;
const nameUser = document.getElementById("userName").value;
const pWord = document.getElementById("passWord").value;

document.getElementById("firstNamePara").innerHTML = fName;
document.getElementById("emailPara").innerHTML = lName;
document.getElementById("phonePara").innerHTML = userEmail;
document.getElementById("userPara").innerHTML = userPhoneNumber;
document.getElementById("agePara").innerHTML = userAge;
document.getElementById("userNamePara").innerHTML = nameUser;
document.getElementById("passwordPara").innerHTML = pWord;
}

Код: Выделить всё

HTML + CSS







First Name:




Last Name:




Email:




Phone




Age




UserName




Password




Confirm Password


Submit Query

Есть какие-нибудь советы или рекомендации по оптимизации?

Подробнее здесь: https://stackoverflow.com/questions/793 ... e-function