sample
Откройте ссылку в новой вкладке
Перейдите во вкладку Elements инструментов разработчика
Вставьте тег bad-boy на самом донышке контейнера body
<body>
...
<bad-boy></bad-boy>
</body>Теперь перейдите во вкладку Console инструментов разработчика
Выполните код:
var boy = document.querySelector ( 'bad-boy' )Теперь в переменной boy у нас хранится ссылка на созданный нами html-элемент
Установим изображение персонажа, выполнив код в консоли браузера:
boy.setImage (personages[12])Теперь установим высоту персонажа:
boy.setHeight (200)Теперь заставим его "прогуляться":
boy.walk ( [ 500, 400 ] )Пусть начнет "работать":
boy.mode = 'break'
boy.breakAll ()Посмотрим немного, и остановим его:
boy.mode = 'stop'Теперь заставим его пачкать комнату:
boy.mode = 'shit'
boy.showMustGoOn()Когда надоест наблюдать этот бардак, и остановим его:
boy.mode = 'stop'Аналогично будет работать и "хороший парень", только на тот же код:
goodBoy.mode = 'break'
goodBoy.breakAll ()он будет поднимать мебель, а
goodBoy.mode = 'shit'
goodBoy.showMustGoOn()он будет убирать в комнате
Наслаждайтесь! 😉
