Программирование. Азы. Урок 3
В приведенном выше коде строки с 13 по 21 рисуют квадрат и добавляют его на экран. Данный элемент будет вспомогательным в уроке, а картинку печеньки изменил в обычном редакторе добавив красную рамку. Квадрат рисуется из точки (50,50) левый верхний угол 16 строка, далее в точку (400,50) 17 строка верхняя грань и так далее. При изменение положения печеньки на экране, мы изменяем положение левого верхнего угла. Задача на сегодня: правый верхний угол должен оставаться в пределах белого квадрата, при этом мы можем передавать любые числа в функцию newPosition.
Одним из ключевых элементов в программирование является условие.
В языке программирования Javascript за условие отвечает ключевое слово if. Структура выглядит следующим образом:
if (условие) действие;
Если необходимо выполнить несколько действий в условии, тогда действия оборачиваются в блок кода между фигурными скобками:
if (условие){
действие 1;
действие 2;
…
действие n;
}
В данном случае необходимо проверять, как числа были введены и если они не подходят условию, то изменять на соответствующее. Если левый верхний угол в координате (50, 50), значит, при введенном новом Х меньшим 50, нужно его приравнивать 50. Тогда, если Х будет введен 0, то он станет 50 и по координате Х не уйдет левее. Коротко это звучит так: Если newX меньше 50 тогда newX должно быть равно 50. На языке программирование, для координаты Х код будет выглядеть соответствующим образом:
if (newX < 50) newX = 50;
Аналогичным образом делается и для координаты Y (28 строка).
После того, как мы в консоле вызовем функцию newPosition(-45, -200), у нас картинка печеньки не выйдет за пределы белого квадрата.
Правый нижний квадрат имеет координату (400, 400). Используя полученные навыки, допишите код функции newPosition так, чтобы левый верхний угол картинки не выходил за пределы белого квадрата.
P.S. На днях следом будет 4-й урок, более детальное знакомство с оператором if. В начале попробуйте разобраться с этим заданием.