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

Другое дело – набирать код, который что-то делает! И видеть шаг за шагом как то, что ты пишешь – приводит к какому-то результату.

В этом задании тебе нужно нарисовать человечка. Вот только без паники. Что значит "я не умею рисовать!"? Рисовать человечка очень просто, спроси любого ребенка.

Всего-то надо нарисовать голову (голова – всему голова!), туловище, руки и ноги. На самом деле, тебе даже не придется самому их рисовать. Ты ж программист. Ты можешь отдавать компьютеру команды на языке JavaScript, а компьютер будет их выполнять.

А вот и сами команды:

• drawHead() – рисует голову
• drawBody() – рисует туловище
• drawLeftHand() – рисует левую руку
• drawRightHand() – рисует правую руку
• drawLeftLeg() – рисует левую ногу
• drawRightLeg() – рисует правую ногу

Просто набери их в solution-01.js точь-в-точь, как показано ниже:

Но стоп! Чтобы видеть результат – открой в браузере solution-01.html. Сначала он будет выглядеть вот так:

А теперь открой solution-01.html в браузере (так мы, программисты, называем хром, файрфокс или на худой конец интернет эксплорер или всякий Edge).

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

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

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

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

• что ты называешь командами?

отличный вопрос. в языках программирвоания роль команд выполняют функции. просто пишешь на английском что компьютер должен сделать (без пробелов), а в конце ставишь скобочки! например drawHead() - ну т.е. нарисуйГолову(). а точки с запятой просто отделяют одну команду от другой, традиция такая. а больше об этой и дригух традициях - ты можешь узнать здесь https://learn.javascript.ru/structure

• я не верю что все так просто. откуда компьютер и javascript знают эти команды?

ты очень проницателен. этим командам компьютер научил кто-то другой. кто-то четко, шаг за шагом объяснил компьютеру на языке javascript что он должен сделать, когда ты прикажешь ему например drawHead()

• но тогда получается, что я не настоящий программист… за меня все написал кто-то другой?

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

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

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

• а откуда мне знать, какие команды вообще есть и что они делают?

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