JavaScript для начинающих – простые примеры. JavaScript - Введение Изучаем js

По многочисленным просьбам запускаем серию уроков по JavaScript . Если вы решительно настроены, освоить JS, значит, полагается у вас есть базовые знания по HTML и CSS, так как это есть фундамент, без чего сложно понять, о чем будет идти речь.

С нашей стороны я постараюсь объяснять понятным языком, показывать на реальных примерах из жизни, ведь все познается в сравнении.

Мы живете в мире, где все осязаемо, реализуем те идеи, что приходят к нам в голову. Строим дома, машины, передвигаемся при помощи различной технике. То есть, что мы можем делать в реальном мире, можно представить в сравнении с HTML , где он выступаем в качестве строительного материала, фундамента, на чем все держится, а при помощи CSS мы оформляем этот мир, делаем его красочным, таким, каким хотели бы его видеть сами.

Наверное, вы задаетесь вопросом, если HTML и CSS это то, что нас окружает, так что такое JavaScript ? Где он проявляется в нашем мире.

Проще я думаю будет объяснить на примере фильма Гари Потер, думаю многие из вас его смотрели и поймут о чем будет идти речь. По сценарию фильма мы знаем, что Гари обладал сверх способностями, он был волшебником, и в этом ему помогала магическая палочка. Именно волшебная палочка давала ему возможность творить магию, такого уровня, насколько он обладал знаниями, что бы ее сделать неповторимой.

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

Язык JavaScript не полноценен без его составляющих HTML и CSS. Многие программисты упоминают три языка, образующие «слои» веб-страницы: HTML, CSS и JavaScript.

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

Второй, CSS (Каскадные таблицы стилей), образуют красивое оформление, внешний вид HTML-контента.

А третий – JavaScript –добавляет поведенческие слои, оживляя веб-страницу, делая ее интерактивной, то есть, создавая элементы для взаимодействия с посетителями.

В итоге, чтобы овладеть языком JavaScript, вы должны иметь хорошее представление как о HTML, так и о CSS.

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

Вы познакомитесь с новыми символами { }, , ; , (), !, узнаете обозначение новых слов (var , null , else if ), разберем правила пунктуации и синтаксис самого языка, и все это для того что бы творить свою магию.

Материал подготовил Горелов Денис, пишите ваши комментарии и обязательно поделитесь данным материалом со своими друзьями.

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

JavaScript сейчас доминирует в мире IT. С его помощью вы можете как создать маленькое веб-приложение, так и запрограммировать робота. К счастью, язык существует уже довольно давно, и овладевшие им в превосходстве разработчики описали свой опыт программирования на нём в книгах.

Эта книга рассказывает, как заставить компьютеры делать то, что вам от них нужно. Компьютеры сегодня так же распространены, как отвёртки - но содержат гораздо больше скрытых сложностей, и поэтому их сложнее понять и с ними сложнее работать. Для многих они остаются чуждыми, слегка угрожающими штуками. Также книга доступна на русском языке.

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

Эта книга посвящена рассмотрению как классических, так и современных шаблонов программирования на JavaScript. В целом ориентирована на начинающих программистов.

HTML5 даёт великолепные возможности. Как и jQuery. Как и Node.JS. Если добавить к ним ещё немного чистого JavaScript - вы запросто покорите веб.

Данная книга рассчитана на тех, кто планирует создавать веб-приложения с помощью JS. В ней описываются особенности языка, полезные инструменты, шаблоны, и этим список не ограничивается.

Эта книга даст вам универсальные знания о JavaScript, понимание как его общей логики, так и деталей. Автор предполагает, что читатель уже знаком с принципами объектно-ориентированного программирования и каким-либо языком вроде PHP, Ruby, Python, C++ или Java.

Вы готовы сделать шаг вперед в своей практике веб-программирования и перейти от верстки в HTML и CSS к созданию полноценных динамических страниц? Тогда пришло время познакомиться с самым «горячим» языком программирования - JavaScript!

Прочитав эту книгу, вы узнаете все о языке JavaScript: от переменных до циклов. Вы поймете, почему разные браузеры по-разному реагируют на код и как написать универсальный код, поддерживаемый всеми браузерами. Вы поймете, почему JS - это будущее, и станете настоящим фронтенд-разработчиком.

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

Кроме общего знания принципов JavaScript, эта книга подарит вам также знания из смежных областей, вроде JSON или NoSQL, а так же понимание того, как вообще пишутся веб-приложения.

Как понятно из названия, эта книга посвящена разработке одностраничных приложений. В ней нет описания конкретных технологий и фреймворков, но зато неплохо описаны общие шаблоны и практики.

Книга посвящена работе с DOM (Document Object Model) - пожалуй, самому важному в JavaScript для всех веб-разработчиков.

Эта книга, написанная Дугласом Крокфордом, создателем JSON и JSLint, является классикой мира JavaScript, и прочитать её должен каждый. В ней рассказывается об основах объектно-ориентированного подхода и приводится множество примеров, как хороших, так и плохих. Разумеется, автор рассказывает, как исправлять такие «вредные» примеры и как не допускать подобных ошибок.

Эта серия, написанная известным преподавателем Кайлом Симпсоном, состоит из 6 книг, каждая из которых покрывает отдельный раздел языка. Главным преимуществом этих книг является то, что они достаточно короткие, благодаря чему вы не успеете отвлечься. А книгу «ES6 и не только» из этой серии вы можете приобрести в бумажном варианте на русском языке.

JavaScript - это главный инструмент веб-разработчиков, позволяющий делать интернет-страницы интерактивными, динамичными и достичь наивысшей производительности. Это отлично структурированное руководство по JavaScript, которое позволит быстро изучить этот не самый простой в освоении, но очень востребованный язык. Большое внимание в книге уделено библиотеке jQuery. Присутствуют также много примеров и подробно разобранных заданий.

Прочитав «Исчерпывающее руководство» вы сможете:

• Сделать страницы своего сайта интерактивными.
• Освоить последнюю версию плагина jQuery UI.
• Создавать удобные формы с автоматической валидацией и исправлением данных.
• Применять технологию AJAX.
• Углубить свои знания в области и стать профессионалом.

После изучения основ верстки вам непременно захочется большей интерактивности и красоты, а также более удобных способов взаимодействия сайта с бэкендом. Тогда-то на арену и выходит JavaScript вместе с безумно популярным фреймворком jQuery. Для начала работы с книгой от вас не требуется никаких глубоких знаний – все их вы получите именно из нее. Здесь демонстрируются только новейшие практики в области кроссбраузерности и оптимизации страниц, а изложение ведется понятным языком с наглядными примерами и иллюстрациями.

Книга, уже ставшая классикой. В ее последнем издании охватываются HTML5 и ECMAScript 6 – актуальнейшие на нынешний день технологии. Также в нем добавлены новые главы, посвященные jQuery и JavaScript на стороне сервера. Это руководство пригодится как совсем еще новичкам, так и тем, кто хочет отточить свое знание JavaScript до совершенства.

Всем привет! В этой статье мы рассмотрим 6 советов по изучению JavaScript, которые помогут вам освоить его быстрее .

Когда люди пытаются изучить JavaScript или какое-нибудь другое умение, они часто сталкиваются с одними и теми же проблемами.

• Некоторые моменты могут сбивать с толку, особенно, если вы пришли с другого языка программирования
• Трудно найти время(и, иногда, мотивацию) для изучения
• Когда вы что-то поняли, это легко забыть
• Инструменты меняются так быстро, что непонятно, с чего начать

К счастью, эти проблемы могут быть решены. В этой статье я собираюсь представить вам 6 советов, которые помогут вам изучить JavaScript быстрее и стать счастливым, более продуктивным программистом.

Многие начинающие изучать JavaScript задаются вопросом, какой фреймворк начать использовать. Но, если вы еще плохо знаете чистый JavaScript , то это неправильно задавать такой вопрос. Вы будете тратить все свое время на поиски различных фреймворков, а не двигаться вперед в своем развитии.

Один из способов решения этой проблемы – это иметь список того, чему вы должны научиться. Например, чтобы стать фронт-енд разработчиком, ваш список должен выглядеть так:

• HTML
• JavaScript
• немного JQuery
• Возможно, какой-нибудь фреймворк
• Основы GitHub
• Немного WordPress
• Хостинг

Изучив все это, вы сможете создать функциональную страничку только с помощью html и css . Имея такой список, вам будет легче понять, что нужно изучать сейчас, и не тратить время на то, что следует изучать позже.

Изучение чего-то слишком быстро может стать одной из самых разрушительных вещей в вашем изучении JavaScript . Позвольте мне объяснить.

Когда вы читаете что-то и сразу это понимаете, вы можете соблазниться и начать изучать что-то дальше немедленно. Возможно, вы поймете и следующую тему и начнете изучать следующую. Но вскоре вы дойдете до точки, когда поймете, что вы забыли какую-то из предыдущих тем и вам нужно вернутья назад и вспомнить ее. Вы быстро проглядываете предыдущую тему, чтобы освежить ее в памяти, и двигаетесь дальше. Но теперь вы снова понимаете, что что-то забыли. Вы продолжаете этот танец туда-сюда до тех пор, пока не понимаете, что вы полностью потерялись. Вы обескуражены, берете перерыв и затем, когда решаете продолжить обучение, понимаете, что забыли совершенно все.

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

• Ограничьте количество материала, которое вы изучаете за раз
• Практикуйтесь – пишите код

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

Многие люди считают практику скучной, поэтому они стараются пропускать ее или сократить. Если вы будете так делать, то вам придется изучать JavaScript намного дольше. Но как сделать практику веселой, чтобы вам захотелось заниматься этим?

Попробуйте следующее:

Что, если вы изучили новую тему по JavaScript , но не попрактиковались? Как вы будете себя чувствовать? Лично я был бы расстроен. Это выглядит так же, как если бы ребенку купили новую игрушку, но не разрешили бы поиграть с ней.

Когда вы изучаете что-то в JavaScript , представляйте, что вы играете с новой игрушкой, автомобилем, парой ботинок или чем-либо еще, что вам нравится.

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

Одна из самых частых проблем, которая есть у людей, это то, что они не могут найти время для программирования, но те же люди очень часто проводят время на таких сайтах, как Facebook , YouTube , Wikipedia или Reddit . Не важно, относится это к вам или нет, вы все равно найдете, чему здесь поучиться.

У меня действительно было время, когда я только и хотел, что сидеть в Facebook , но я не проводил там часы. Как так получилось? А получилось это потому, что я и не собирался оставаться там долго. Начать работать над чем-то – это самая тяжелая часть, поэтому, сохраняя первоначальное обязательство, мне кажется это сделать проще. Если бы кто-то спросил меня, готов ли я проводить часы в Facebook , я бы ответил нет, потому что у меня нет времени на это. Мне больше нравится заходить туда, чтобы что-то проверить по-быстрому, и только.

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

Это противоречит здравому смыслу, поэтому я объясню это историей.

Мой друг однажды был смущен по поводу одной особенности JavaScript . Я попросил его рассказать мне, что он знает, а затем объяснить, какая часть из этого ему не понятна. Как только он пошел по коду, я понял, что он торопится.

"Подожди!" – сказал я ему. "Не торопись и расскажи мне каждый шаг этого кода".

Мой друг продолжил говорить мне о коде в общем.

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

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

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

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

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

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

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

А как вы относитесь к изучению? У вас есть какие-нибудь советы и приемы, которые не были рассмотрены в этой статье? Или, может быть, вы думаете, что это все ерунда и единственно правильный путь – это сидеть за изучением 12 часов в сутки. В любом случае, я бы хотел услышать ваше мнение в комментариях.

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

Как именно? У меня примерно 100 статей в блоге, посвящено этому. К примеру, « » или « ». Что уж говорить о тех, кто собирается заняться чем-то серьезным? Компьютерная грамотность среди населения растет, а вместе с ней и количество обучающих материалов. Осталось лишь найти лучшие.

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

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

Вопреки обычаю не стану долго ходить вокруг да около. Информации много. Приступим.

Финансовый вопрос для множества начинающих программистов имеет первостепенное значение. Это вполне логично. Интернет изначально создавался как база знаний, в которой каждый может найти интересующую информацию. «С чего это вдруг я должен платить?», — вполне естественный вопрос.

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

К счастью, существуют всякие акции, бонусы и курсы, созданные для повышения PR разработчиков. Малоизвестные школы создают материалы, но первое время, ради отзывов и рецензий, готовы предоставлять их бесплатно. Нужно только попасть в нужное место и найти лучшее для этого время. Мне удалось отыскать неплохой вариант, которым я с удовольствием с вами сейчас поделюсь.

Если вы ничего не смыслите в JS (это всемирное сокращение JavaScript), могу предложить подборку видео с YouTube. Это вводный курс для обучения с нуля, созданный онлайн школой Хакслет.

Вы также можете получить курс «Основы программирования » с заданиями на официальном сайте компании. В 17 часов на обучение входят 27 уроков и 21 практическое упражнение.

После того, как основы будут изучены, можно перейти к следующему шагу «JS: подготовка к работе ». Доступ также предоставляется бесплатно.

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

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

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

Если нет желания тратить время и изучать так много, можете «выкупить» только ту информацию, что касается JS: «JavaScript. Уровень один» и «JavaScript. Уровень два». Правда, думаю, что в этом случае о стажировке придется забыть. Эту информацию следует уточнить у разработчиков.

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

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

Примечание. Данный урок предназначен в большей степени для тех пользователей, которые понимают общие принципы программирования, а также знают основы HTML. Если Вы не знаете что такое тег ol и li, то Вам лучше познакомиться сначала с основами HTML . Т акже, если Вы не знаете что это за конструкция if…then…else (это общий вид), рекомендую узнать общие принципы программирования в не зависимости от языка программирования. Только в этом случае можно начать изучать JavaScript. И этот урок будет для Вас максимально полезен.

И начнем как обычно с основ, т.е. с определения, что такое JavaScript? JavaScript – это скриптовый язык программирования, код которого выполняется на стороне клиента (пользователя ). Применяется обычно для организации на сайте динамических HTML страниц, без перезагрузки самой страницы, т.е. без обращения к серверу.

А зачем Вы спросите организовывать динамические страницы?

Во-первых , это красиво, удобно и современно.

Во-вторых, для того чтобы сделать любое изменение на сайте необходимо перезагрузить страницу, при этом у сервера будут отниматься ресурсы, а теперь представьте что у Вас посещаемый сайт и таких обращений очень много, Ваш сервер будет просто перегружен. А так как JavaScript — это клиентская технология, обращения к серверу не нужны. Вся программа на JavaScript будет выполняться непосредственно у Вас на компьютере или на компьютере пользователя, который зашел к Вам на сайт.

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

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

В процессе формирования HTML страницы браузером, сам браузер не только отрисовывает ее, но и формирует так называемое дерево элементов, которое состоит из узлов. А каждый узел формируется на основе кода HTML. Исходя из всего сказанного, можно сказать, что JavaScript может изменять это дерево и соответственно изменять сам код HTML, а как следствие изменять отображение HTML страницы в браузере. Под изменением дерева элементов понимается как само изменение некоторых узлов, так и удаление, добавление этих самых узлов. Чтобы было понятней, узел формируется на основе элементов в HTML, другими словами, тегов или самого содержимого, т.е. текста. Например, следующий код HTML можно отобразить в виде дерева элементов.

Код HTML:

Привет

Узлы этого кода:

Корневой Узел – html

Дочерний Узел узла HTML — body

Дочерний Узел узла body – p

Дочерний Узел узла p — сам текст (текст является отдельным узлом, это нужно помнить при добавлении, удалении и изменении текста ).

Надеюсь с этим понятно, перейдем непосредственно к синтаксису и написанию первых программ на JavaScript.

По началу мне показалось, что JavaScript очень схож, с серверным языком программирования PHP, но это только в некоторых конструкциях, да, кстати, он также схож и с просто языком программирования JAVA, но на самом деле схоже написание нескольких конструкций и называние этих языков, но в остальном, имеется в виду в принципах программирования, это две разные вещи. Кстати, JavaScript никак не связан с языком JAVA, если только названием, поэтому не путайте JavaScript — это один язык программирования, а Java — это совсем другой. Но почему его назвали именно JavaScript? Да потому что в то время, когда разрабатывали JavaScript, был сильно популярен язык Java, и поэтому разработчики JavaScript решили переименовать свой язык LiveScript (так он изначально назывался ) в JavaScript, а также изменили написание базовых конструкций, похожих на Java. Кстати, JavaScript официально называется ECMAScript , существует одноименный стандарт. Это для того чтобы не было проблем с владельцами торговой марки Java. Таким образом, JavaScript и JAVA — это совершенно два разных языка программирования. А почему у всех на устах название JavaScript? Да потому что просто так привыкли, и все называют язык ECMAScript языком JavaScript.

Хватит лирического отступления от сути нашего вопроса, перейдем к тому, как нам изменять эти самые узлы в этом дереве. Как обычно мы это сделаем на примере. Ниже у нас есть небольшой список, как нам в него добавить (или удалить ) еще несколько значений? Попробуйте нажать «Добавить в список » и у Вас откроется окно для ввода, введите название нового пункта и нажмите OK. Как все это происходит, давайте разбираться.

Сам пример:

Код JavaScript:

//пишем функцию добавления нового пункта в списке function addLi() { var stroka = prompt("Введите название строки:", "");//для ввода названия новой строки if (stroka){ var ol = document.getElementById ("spisokst");//находим наш список var li = document.createElement("LI");//создаем новый элемент списка ol.appendChild(li);//присваиваем нашему списку новый элемент var text = document.createTextNode(stroka);//создаем новый узел текст li.appendChild(text);//присваиваем этот текст нашему новому пункту списка } } //пишем функцию удаления пунктов из списка function deleteLi() { var ol = document.getElementById ("spisokst");//находим наш список var lastLi = ol.lastChild;//заводим переменную и храним в ней последний элемент нашего списка //проверяем на наличие нашего элемента, исключая пробелы, табуляции и комментарии while (lastLi && lastLi.nodeType != 1){ lastLi = lastLi.previousSibling; } if (lastLi){ lastLi.parentNode.removeChild(lastLi);//удаляем пункт списка, //если конечно в списке еще что-то осталось } }

Код HTML:

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

У нас есть некий список, помеченный id = spisokst, для того чтобы нам было его легче найти, из JavaScript. Затем мы пишем две функции на javascript:

1. addLi() –для добавления новых строк.

В функции addLi мы просим пользователя ввести название новой строки с помощью встроенной функции prompt, и помещаем это название в переменную stroka (как Вы уже, наверное, поняли, переменные объявляются с помощью оператора var ).

Затем с помощью метода getElementById объекта document, находим нужный нам id списка.

Потом с помощью метода createElement все того же объекта document, создаем элемент LI (Вы, наверное, заметили, что при создании элемента, его название пишется с большой буквы ).

Затем мы создаем новый узел текст и передаем ему значение, которое ввел пользователь в нашу переменную stroka.

И снова присваиваем, только уже элементу li, новое его значение (или его дочерний узел, т.е. текст ) с помощью метода appendChild.

2. deleteLi() – для удаления этих строк.

Здесь мы также находим наш список с помощью метода document.getElementById и передаем ему значение spisokst.

Затем заводим новую переменную lastLi и присваиваем ей значение последнего пункта в нашем списке (ol.lastChild).

Здесь существует небольшая проблема, по стандарту при формировании страницы HTML все пробелы, табуляции, комментарии в коде HTML учитываются, но не выводятся на экран, поэтому запомните, при обращении к последним элементам, какого-нибудь узла, там может оказаться пробел, табуляция или комментарии, поэтому результат может немного отличатся от действительного, например, если бы я здесь не учел этого, то у меня пункты в списке удалялись через один или, в некоторых случаях, через два клика на кнопку «Удалить из списка » и чтобы этого избежать я проверял, что находится в последнем узле. Если это пока не понятно, можете не запоминать:)

3. Также хочу отметить, что функционал кнопок также реализован на javascript путем обработки событий, например, при клике (событие — onClick=»javascript:addLi()») на кнопку «Добавить в список » запускается функция addLi(), а при клике на кнопку «Удалить из списка » запускается функция deleteLi(). Остальное сделано для визуальных эффектов, пока это можете не запоминать. Например, событие onmouseover означает, что при наведении курсора мыши будет что-то выполняться.

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