Почему в одном коде переменная, объявленная внутри функции не работает, а в другом работает?

Question

[helpmeplease196]

Заранее прошу прошение, если путанно излагаю.
1) есть код

let form = document.getElementById("form")

form.addEventListener("submit", function(){
 Let fom  = document.getElementById("fom").value
alert(fom)
})

Если let fom обявить внутри функции, то она не работает. Как я поняла, это потому что если переменную объявить внутри функции, то она невидима для всего кода вне функции, но ведь в данном случае я обращаюсь к ней только внутри самой функции через alert. Тогда почему не работает?

2) Так же есть другая похожая функция, делающая тоже самое(передает значение из поля таблицы в переменую js), но с чуть большим количеством шагов, тут переменная тоже объявляется внутри функции, но все работает:

let form = document.getElementById("form")
form.addEventListener("submit", function(){
  let form = document.getElementById("form")
let name = form.querySelector('[name="name"]')
let value = name.value
alert(value)
})

3) этот вопрос решается изучением темы "область видимости"?

HTML в обоих случаях одинаковый:

<form id="form" >
    <label for="form">Имя</label>
    <input type="text" name="name"  value="sdf"  id="fom">
    <input type="submit" id="button"> 
</form>

Comments

[WbICHA]

Тогда почему не работает?

Как можно ответить на вопрос "почему не работает", если ты нам показываешь только рабочий код, а о не рабочем рассказываешь?

[helpmeplease196]

Первый код не работает (переменная fom)

[Lynn «Кофеман»]

У вас какая-то путаница между form и fom и совершенно непонятно где опечатки, а где ошибки. Назовите переменные и идентификаторы как-то более явно различными.

Answer 1

[Максим Морев]

`let` !== `Let`, названия ключевых конструкций языка - регистрозависимые и сЛаВа бОгУ.

P.S. Поймал себя на мысли, что вообще никогда не пытался их писать хотя бы даже с заглавной буквы.

P.P.S. Иногда (всегда) ошибка нужна не только для того, чтобы понять, что программа не работает, а ещё и для того, чтобы понять, почему.

Comments

[helpmeplease196]

спасибо, исправлила. Но такая же штука возникает снова, хотя регистр правильный.

button_input.addEventListener("click", function(){
    let moo = document.createElement("div")  
    let input_form = document.createElement("form")
    input_form.id="dv"
    body.append(input_form)
    let new_input=document.createElement("input")
    input_form.append(new_input)
})

Почему такое происходит ?

[Максим Морев]

helpmeplease196, потому что вы объявили переменную, а дальше никак его не использовали?
Стало быть если переменная не используется, она не нужна?
И это не ошибка, это подсказка.

Answer 2

[gazes12]

Есть несколько вариантов, как получить переменную извне, созданную в функции, один из таких варинтов, использовать return название переменной.
Потом извне вызывать ее так: alert(название функции, где использовался return).

function returnValue(){
  let value = 123;
  return value;
}

alert( returnValue() ); /*выводит 123*/