Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit a99c9cc

Browse files
Update README.md
1 parent f78444b commit a99c9cc

File tree

1 file changed

+55
-2
lines changed

1 file changed

+55
-2
lines changed

‎README.md‎

Lines changed: 55 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,55 @@
1-
# HTML-Editable-Table-OOP-JavaScript
2-
test
1+
# HTML Editable Table OOP JavaScript
2+
3+
_HTML Editable Table Tutorial: Edit Tables with Mouse and Keyboard Arrow Keys #HTML #CSS #JavaScript_
4+
5+
![YouTube Thumbnail](https://raw.githubusercontent.com/saeedkohansal/HTML-Editable-Table-OOP-JavaScript/main/image/HTML%20Editable%20Table%20with%20Mouse%20and%20Keyboard%20Arrow%20Keys%20Navigation.png "Injector+ Chrome Extension Manifest V3")
6+
7+
In Today's Tutorial Video, I'll Create Editable HTML Tables from Scratch Using Vanilla JavaScript and a Touch of CSS. This combination will dynamically generate tables with editable capabilities, enabling users to interact seamlessly through both mouse input and keyboard arrow keys. Join me as we delve into a tutorial that promises to elevate your web development practices. Stay tuned for an exploration that will redefine your approach to managing tables within your projects. I'll use Object-Oriented JavaScript programming.
8+
9+
## Video Tutorial [ How To Build Chrome Extension From Scratch ]
10+
[https://youtu.be/VffwdH5j6eI](https://youtu.be/VffwdH5j6eI)
11+
12+
<hr>
13+
14+
## The Project Structure Explanation
15+
![Project Setup Files Explanation](https://raw.githubusercontent.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3/main/images/Project-Structure-Explanation.png "Project Structure Explanation")
16+
17+
## The Extension Icon In Different Conditions
18+
| ![Extension Original Icon](https://raw.githubusercontent.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3/main/source-code/assets/icons/Original.png "Extension Original Icon") | ![Extension Enabled Icon](https://raw.githubusercontent.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3/main/source-code/assets/icons/enabled/Original.png "Extension Enabled Icon") | ![Extension Disabled Icon](https://raw.githubusercontent.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3/main/source-code/assets/icons/disabled/Original.png "Extension Disabled Icon") |
19+
| :---: | :---: | :---: |
20+
| Original Icon | Enabled Icon | Disabled Icon |
21+
22+
### How To Debug Extension Using `extensionStatusReport();` Function
23+
![How To Debug Extension](https://raw.githubusercontent.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3/main/images/How-To-Debug-Extension.gif "How To Debug Extension")
24+
25+
## `chrome.storage.local` vs `chrome.storage.sync`
26+
![Chrome Storage Sync vs Local](https://raw.githubusercontent.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3/main/images/Chrome-Storage-Sync-vs-Local.png "Chrome Storage Sync vs Local")
27+
28+
## The `background.js` Script Preview
29+
![background.js](https://raw.githubusercontent.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3/main/images/background.js.png "background.js")
30+
31+
## If You Enjoy My Content, Please Support Me 😍🙏
32+
33+
💙 PAYPAL DONATION
34+
35+
https://paypal.me/gilgeekify
36+
37+
❤️ PATREON
38+
39+
https://www.patreon.com/gilgeekify
40+
41+
💛 BUY ME A COFFEE
42+
43+
https://www.buymeacoffee.com/gilgeekify
44+
45+
🖼️ Buy Stunning Unique Digital Artworks
46+
47+
https://alchemypowerai.etsy.com
48+
49+
🪙 My Public Address To Receive BTC • Bitcoin
50+
51+
bc1qerc5ev074cqknu9nz589w4vjf5ecmhuc2df83h
52+
53+
🥈 My Public Address To Receive ETH • Ethereum
54+
55+
0x566A47B9731209A5144336D274D44224bfb9C0ea

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /