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

Текущее значение переменной в консоли

Подскажите, пожалуйста, как вызвать в консоли текущее значение переменной (например, после 5 кликов). Спасибо!

Отслеживать
задан 18 фев 2018 в 14:56
389 1 1 серебряный знак 8 8 бронзовых знаков

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Выводим каждые 5 кликов.
Либо по аналогии вывести один раз 5.

var clicks = 0; function onClick() < clicks += 1; document.getElementById("demo").innerHTML = clicks; if (clicks % 5 == 0) < console.log(clicks); >>;

Отслеживать
ответ дан 18 фев 2018 в 15:00
13.1k 2 2 золотых знака 21 21 серебряный знак 37 37 бронзовых знаков
Большое спасибо!
18 фев 2018 в 15:02
@Александр, не за что:)
18 фев 2018 в 15:03

javascript
переменные

Важное на Мете

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

#3 – Вывод информации. Работа с консолью

Вывод информации – важная часть в любом языке программирования. Мы научимся выводить информацию в консоль, а также прямиком на страницу веб сайта. Дополнительно за урок мы познакомимся с консолью разработчика.

Видеоурок

Язык JavaScript можно использовать в разных сферах: начиная от сайтов и заканчивая создаем игр ( статья на эту тему ) и приложений ( статья на эту тему ). Мы с вами JS будем рассматривать в контексте разработки веб сайтов. По этой причине весь вывод информации мы будем прописывать на страницах сайта.

Вывод на экран

Для вывода информации существует несколько специальных методов. Самый простой способ вывода текста на страницу является использование метода «write». Данный метод наследуется из объекта document .

// Вывод в одной строке document.write("Вывод информации"); // writeln - будет выведен с пропуском строки document.writeln("Вывод информации");

Вы можете использовать этот метод, но его реализация не столь удобна. Метод «document.write» не позволяет указать где и как будет выведена информация.

Работа с консолью

Для вывода данных в консоль обратитесь к объекту console и его методу «log»:

// Вывод информации в консоль console.log("Какая-либо информация");

Просмотреть консоль можно из любого браузера. Для её открытия нажмите F12 или, если вы используете Mac – Cmd+Opt+J .

Метод cosnole.log() в JS

Во всех современных браузерах есть веб-консоль для отладки. Чтобы выводить сообщения в такую консоль, в JavaScript существует метод console.log() .

let sum = 44; console.log(sum); // выводит в консоль 44

Подробнее о работе с JS через консоль мы рассказывали в статье «Как запустить JS-код».

Синтаксис

console.log(сообщение)

Сообщение — то, что выведется в консоль. Это должна быть переменная или значение. Значением может быть и строка: например, «Hello, world».

Примечание. Во всех следующих уроках мы будем использовать метод console.log() для вывода в консоль.

Пример 1. Выводим предложение

// программа выводит предложение в консоль // передаем строку console.log("Я люблю JS");

Вывод:

Я люблю JS

Пример 2. Выводим значение переменной

// программа выводит значения переменных let greet = "Привет"; let name = "Ваня"; console.log(greet + ', ' + name);

Вывод:

Привет, Ваня

Как вы можете видеть, console.log() позволяет увидеть значение внутри переменной. Поэтому этот метод часто используют для тестирования или отладки кода.

У объекта console есть и другие методы, кроме console.log() . Подробнее о них можно почитать в официальной документации.

СodeСhick.io — простой и эффективный способ изучения программирования.

JavaScript: Изменение переменной

Само слово «переменная» говорит о том, что ее можно менять. И действительно, с течением времени внутри программы значения переменных могут изменяться.

let greeting = 'Father!'; console.log(greeting); console.log(greeting); greeting = 'Mother!'; console.log(greeting); console.log(greeting);

Имя осталось тем же, но внутри другие данные. Обратите внимание на ключевое различие между объявлением переменной и ее изменением. Ключевое слово let ставится только при создании переменной, но при изменении оно уже не используется.

Задание

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

Упражнение не проходит проверку — что делать? ��

Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:

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

В моей среде код работает, а здесь нет ��

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Мой код отличается от решения учителя ��

Это нормально ��, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.

В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Прочитал урок — ничего не понятно ��

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.

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

Определения

Переменная — способ сохранить информацию и дать ей имя для последующего использования в коде.