Как сделать чтобы текст был равен значению переменной?

Question

[dyzg]

У меня вот есть Hello в Html, и я хочу сделать чтобы этот текст был равен значению переменной Value. Например, в переменной значение Hay, и я хочу чтобы это значение было в Hello , чтобы текст автоматически менялся по значению переменной. Как это сделать?

Answer 1

[mletov]

Почитайте про innerText и innerHtml вот тут
https://learn.javascript.ru/basic-dom-node-properties

Если хотите именно двусторонний биндинг, чтобы при изменении переменной автоматически менялся вывод, то вам нужен какой-нибудь фреймворк типа Angular, но, судя по вопросу, вам пока это еще рано.

Ну и вот это почитайте
https://stackoverflow.com/questions/1555503/onchan...

https://medium.com/developers-arena/two-way-data-b....

Comments

[Вадим]

какой ещё фреймворк)
Банально можно начать с гетеров и сетеров. Или условный proxy.
Или менять значение переменной только через метод. Который заодно и HTML будет править.
Класс набросать какой-нибудь, например.

[mletov]

Вадим, Ну вот я последнюю ссылку добавил на SO, там как раз пример с ними есть)

[dyzg]

А как все таки сделать чтобы автоматически при смене значения переменной менялся текст ?

[Вадим]

mletov, а, ну я оставлял комментарий когда ссылок ещё не было)

[dyzg]

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

[mletov]

dyzg, Добавил еще одну полезную статью в топик. Пересказывать что в ней написано я не готов. Читайте, пробуйте, если что-то конкретное не получится - спрашивайте.

[Вадим]

dyzg, Не понимаю что ещё Вам посоветовать.
Я оставил комментарий где описаны подходы как это можно сделать.
Так же Вам дали ссылку на стэк оверфлоу где даже с примерами кода.