https://github.com/zaahidali/web-engineering-lab
HTML, CSS and JavaScript Tasks
https://github.com/zaahidali/web-engineering-lab
css3 dynamic-table html image-slider image-slider-automatic image-slider-with-buttons javascript moving-box-inside-div moving-box-on-the-edges web-engineering
Last synced: about 2 months ago
JSON representation
HTML, CSS and JavaScript Tasks
- Host: GitHub
- URL: https://github.com/zaahidali/web-engineering-lab
- Owner: zaahidali
- Created: 2020-06-06T13:04:27.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-13T08:37:35.000Z (about 6 years ago)
- Last Synced: 2025-02-23T14:35:07.142Z (over 1 year ago)
- Topics: css3, dynamic-table, html, image-slider, image-slider-automatic, image-slider-with-buttons, javascript, moving-box-inside-div, moving-box-on-the-edges, web-engineering
- Language: HTML
- Homepage:
- Size: 18.5 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Web Engineering Tasks
### 1) Image Slider (with "Next" and "Previous" buttons)
- Using JS to created an image slider, that changes the images with a click of "next" or "prev" buttons
### 2) Image Slider (automatic, without button)
- Created a similar image slider as mentioned in (1) with a slight change i.e. The images is changing automatically with a 5 seconds delay between each image
### 3) Moving box inside a div
- Created two "divs" one inside the other, wrote JS code to make the inner div(box) move around the edges of the outer box.
### 4) Table Creation (using rows, cols and color as input and dynamically creating a table)
- Created an HTML page that takes 3 input from the user i.e. a row size, a column size and a color picker. Once the user submits the given input, the JS code would create a table dynamically with the specified number of rows and columns and the specified color set as background color.
