Дело в том, что объявляя переменную в теле two() я не могу получить доступ к ней в функции one(). alert() срабатывает только один раз, дальше ошибка, "myConst is not defined".
Если же определить ее вне функции, то все работает, но специфика моего стрипта такова, что ее нужно опеделять именно внутри...
<input value="Click me!" type="button" id="myButton">
<script>
function one() {
alert(myConst);
}
function two() {
const myConst = 'myConst';
document.getElementById("myButton").addEventListener("click", function() {
alert(myConst);
one();
});
}
two();
</script>
Как исправить?
UPD:
function loadForm() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
const elementResult = document.querySelector('#form-container');
elementResult.innerHTML = this.responseText;
const elementForm = document.querySelector('[name="contact-form"]');
const elementName = elementForm.querySelector('[name="name"]');
const elementEmail = elementForm.querySelector('[name="email"]');
const elementMessage = elementForm.querySelector('[name="message"]');
const elementKey = elementForm.querySelector('[name="key"]');
const requestURL = elementForm.action;
elementForm.addEventListener('submit', (e) => {
e.preventDefault();
sendForm();
});
}
xhttp.open("GET", "mailer/?action=form", true);
xhttp.send();
}
function sendForm() {
const name = encodeURIComponent(elementName.value);
const email = encodeURIComponent(elementEmail.value);
const message = encodeURIComponent(elementMessage.value);
const key = encodeURIComponent(elementKey.value);
/* Здесь формируется и отправляется запрос */
}