HTML форма для запроса адреса электронной почты, затем используйте javascript, чтобы выложить его на страницу html в качестве ссылки

Question

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

Пока моя функция выглядит так:

function promptTown() {
    var town = document.getElementById("city").value;
    document.getElementById("niceTown").innerHTML = town +" is a great town!";
    var emailAddress = document.getElementById("email").value;
    document.getElementById("emailFormat").write.href = ("mailto:"  +emailAddress);
}`

и HTML - это

<div class="town"> City/Town: <input type="text" id="city"><br>
   Email Address: <input type="email" id="email"> 
   <button onclick="promptTown()">Submit</button><br>
   <p id="niceTown" class="townTalk"></p> 
   <p id="emailFormat" class="emailUnderline"></p> 
</div>

Answer 1

Вам нужно использовать setAttribute(name, value) метод элемента (https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute).

Как-то так должно работать:

document.getElementById("emailFormat").setAttribute("href", "mailto:"  + emailAddress);

PS: Вы Возможно, вы захотите использовать экстраполяцию строк для большей ясности, если вы нацелены на современные веб-браузеры (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)

document.getElementById("emailFormat").setAttribute("href", `mailto:${emailAddress}`);