monjurul-islam-rasel / JS-Animation---Prepared-for-JS-Skill-Exam-Test

Using HTML and CSS make a plain white web page that has a 100x100 pixel blue square on it. Position the square along the left side of the page, 50 pixels from the top. Using javascript animate this square so that it moves 10 pixels right and 10 pixels down per second. When the box hits or goes over an edge of the window, change the direction for the related axis.

Home Page:https://js-animation-prepared-for-js-skill-exam-test.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JS-Animation - Prepared for JS Skill Exam Test

(JS/HTML/CSS)

Using HTML and CSS make a plain white web page that has a 100x100 pixel blue square on it. Position the square along the left side of the page, 50 pixels from the top. Using javascript animate this square so that it moves 10 pixels right and 10 pixels down per second. When the box hits or goes over an edge of the window, change the direction for the related axis.

NOTE: Please use OOP JS or ES6. Please don’t use any javascript framework (e.g. jquery) (For FieldNaton)

About

Using HTML and CSS make a plain white web page that has a 100x100 pixel blue square on it. Position the square along the left side of the page, 50 pixels from the top. Using javascript animate this square so that it moves 10 pixels right and 10 pixels down per second. When the box hits or goes over an edge of the window, change the direction for the related axis.

https://js-animation-prepared-for-js-skill-exam-test.netlify.com/

License:MIT License


Languages

Language:JavaScript 54.1%Language:HTML 26.5%Language:CSS 19.4%