Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sergeiown/events
Practice working with browser events
https://github.com/sergeiown/events
events html5 javascript prepros scss
Last synced: about 18 hours ago
JSON representation
Practice working with browser events
- Host: GitHub
- URL: https://github.com/sergeiown/events
- Owner: sergeiown
- Created: 2023-01-04T05:09:37.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-10T09:50:21.000Z (over 1 year ago)
- Last Synced: 2024-11-11T03:36:13.676Z (about 2 months ago)
- Topics: events, html5, javascript, prepros, scss
- Language: JavaScript
- Homepage: https://sergeiown.github.io/Events/
- Size: 138 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Events
## Studying events on the example of the following tasks:
1. Create an HTML page to display/edit text. When you open the page, the text is displayed using the div tag. When you press Ctrl + E a textarea with the same text appears instead of the div.
![image](https://github.com/sergeiown/Events/assets/112722061/bbc41eaf-ef78-4a36-8759-59bd1a231c14)2. Create an HTML page with a large table. When you click on a column header, you need to sort the data in that column. Note that numeric values should be sorted as numbers, not as strings. (As a result, the generation of a random table is implemented).
![image](https://github.com/sergeiown/Events/assets/112722061/90c0ee7d-938c-4e71-ae7d-6617e54b564b)3. Create an HTML page with a block of text in a frame. Implement the ability to change the size of the block by holding the mouse in the lower right corner and dragging.
![image](https://github.com/sergeiown/Events/assets/112722061/e214b2f0-b262-4a62-8634-3641a5061b2d)