METANIT.COM

Script html создать переменную

Самое простое, которое приходит на ум — это вывод с помощью alert.

Если бы мы вывели просто так окно с помощью alert, то вы бы ничего не поняли, поэтому:

Сделаем живой пример вывода переменной на экран!

Для этого нам понадобится:

Далее нам потребуется script, где будет объявлена переменная и присвоено ей значение:

Соберем такой простой код вывода переменной на экран:

Результат вывода переменной на экран в javascript

Второй способ вывод переменной на экран.

Для второго способа вывода значения переменной используем document.write — не буду на этой теме подробно останавливаться, сразу перейдем к живому примеру!
Для того, чтобы произошел живой вывод переменной нажмите на кнопку — «Выведи переменную на экран«!

Выведи переменную на экран

Результат использования вывода переменной:

Как вы наверное поняли — этот вариант, вывода после каких-то действий не совсем удобен.

Если мы откроем код с помощью исследовать элемент, то увидим, что неожиданно, кроме нашего вывода, на странице вообще ничего нет!

Вывод переменной на экран js при загрузке страницы Итак.

Открываем исследовать элемент.

Теперь давайте откроем «исследовать элемент» и посмотрим. как вывод переменной отображается в коде.

Очередной способ вывода переменной на экран javascript

Для того, чтобы продемонстрировать третий способ вывода переменной на экран нам понадобится:

Любой элемент Dom div, куда будем выводить переменную.

Далее с помощью innerHTML будем передавать значение переменной в выше показанный «div «

Где будет onclick, по нажатию будет запускать выполнение выше приведенной функции.

Результат вывода переменной на экран javascript

Для того, чтобы в живую увидеть процесс вывода переменной на экран, нажмите кнопку «Выведи переменную на экран»

Как вывести переменную в консоль js

Не будем тянуть кота за хвост и сразу перейдем к коду.

В этом примере будем выводить переменную в console

Возьмем выше приведенный код и добавим вместо «innerHTML» → «console.log»!

Вывести переменную в консоль:

Откройте консоль — с помощью исследовать элемент

И нажмите кнопку «Выведи переменную в консоль«

Выведи переменную в консоль

Источник

Основы javascript

Для хранения данных в программе используются переменные . Переменные предназначены для хранения каких-нибудь временных данных или таких данных, которые в процессе работы могут менять свое значение.

Объявление переменных

Для создания переменных применяются операторы var и let . Например, объявим переменную username :

Объявление переменной представляет отдельную инструкцию, поэтому завершается точкой с запятой.

Аналогичное определение переменной с помощью оператора let :

Каждая переменная имеет имя. Имя представляет собой произвольный набор алфавитно-цифровых символов, знака подчеркивания (_) или знака доллара ($), причем названия не должны начинаться с цифровых символов. То есть мы можем использовать в названии буквы, цифры, подчеркивание. Однако все остальные символы запрещены.

Например, правильные названия переменных:

$commision someVariable product_Store income2 myIncome_from_deposit

Следующие названия являются некорректными и не могут использоваться:

222lol @someVariable my%percent

Также нельзя давать переменным такие имена, которые совпадают с зарезервированными ключевыми словами. В JavaScript не так много ключевых слов, поэтому данное правило не сложно соблюдать. Например, следующее название будет некорректным, так как for — ключевое слово в JavaScript:

Список зарезервированных слов в JavaScript:

await, break, case, catch, class, const, continue, debugger, default, delete, do, else, enum, export, extends, false, finally, for, function, if, import, in, instanceof, new, null, return, super, switch, this, throw, true, try, typeof, var, void, while, with, yield

С развитием JavaScript и принятием новых стандартов языка список зарезервированных слов может пополняться, однако в целом их не так уж много.

При названии переменных надо учитывать, что JavaScript является регистрозависимым языком, то есть в следующем коде объявлены две разные переменные:

var username; var userName;

Через запятую можно определить сразу несколько переменных:

var username, age, heigt; let a, b, c;

Присвоение переменной значения

После определения переменной ей можно присвоить какое-либо значение. Для этого применяется оператор присваивания ( = ):

var username; username = "Tom";

То есть в данном случае переменная username будет хранить строку «Tom». После присвоения переменной значения мы можем что-то сделать с этим значением, например, выведем его на консоль:

Можно сразу присвоить переменной значение при ее определении:

var username = "Tom"; let userage = 37;

Процесс присвоения переменной начального значения называется инициализацией .

Отличительной чертой переменных является то, что мы можем изменить их значение:

Константы

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

Если мы попробуем изменить ее значение, то мы столкнемся с ошибкой:

const username = "Tom"; username = "Bob"; // ошибка, username - константа, поэтому мы не можем изменить ее значение

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

const username; // ошибка, username не инициализирована

Когда использовать переменные, а когда константы? Если вы уверены, что значение в процессе программы не будет изменяться, тогда это значение определяется в виде константы. Если неизвестно, будет ли значение меняться или нет, то рекомендуется определить значение как константу. А в случае если в далее потребуется его изменить, то просто можно изменить определение значения с const на var / let .

Источник