Есть ли способ показать входное значение для объекта в окне предупреждения?

Question

Я пытаюсь показать некоторые входные значения в окне предупреждения. В основном я хочу сделать пользовательский интерфейс с базовым c. Когда кто-то нажимает на кнопку «Войти», я хочу открыть окно предупреждения со значениями из входов. Я обнаружил, что это очень легко, просто добавив .value к этому элементу. Но я хочу иметь еще одну кнопку с регистрацией, и когда кто-то нажимает на кнопку, я хочу показать в окне предупреждения что-то вроде {{email:, characterNumber:}, {pass:, characterNumber:}}.

Мой код выглядит следующим образом

<div class="login-container"> <mwc-textfield id="emailText" type="email" class="email-input" label="email" helper="Insert email"> </mwc-textfield>

  <mwc-textfield id="passwordText" type="password" class="password-input" label="password" helper="Insert password">
  </mwc-textfield>
  <br />

  <mwc-button id="logIn" label="Log in"> </mwc-button>
  <mwc-button id="signUp" label="Sign up"> </mwc-button>
</div>

И js код

const login = document.querySelector("#logIn");
const signUp = document.querySelector("#signUp");
const textfield = document.querySelector('#emailText');
const emailVal = document.querySelector('#emailText').value;
const passVal = document.querySelector('#passwordText').value;

login.addEventListener("click", () => {
  alert("Your email adress: " + emailText.value + '\n' + "Your password: " + passwordText.value);
});

signUp.addEventListener("click", () => {
  alert(emailText.value);
});


let email = {
  adress: emailText.value,
  pass: passwordText.value,
}

Я пытался предупредить электронную почту значение, но окно предупреждения было пустым

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

Я пытаюсь объяснить, как хорошо как я могу, но английский sh не мой родной язык, я надеюсь, что кто-нибудь может мне помочь

Answer 1

в принципе, у вас не может быть Alert Box с несколькими полями ввода, вы можете иметь несколько ящиков предупреждений для разных полей. как следующее:

let user = prompt('user');
let password = prompt('password');
const confirmText = `user: ${user} with the password: ${password}`
let confirmResult = confirm(confirmText);
console.log("confirmation status:", confirmResult);

другое решение - использовать диалоговое окно, модальное или всплывающее окно, основанное на используемой вами библиотеке пользовательского интерфейса.