- Видео 20
- Просмотров 46 486
The Scripts Show
Добавлен 3 апр 2023
Mastering Local Storage in JavaScript: A Deep Dive into JSON Storage
Learn how to effectively store and retrieve data locally within your web applications using JavaScript's Local Storage API. This comprehensive tutorial will guide you through the process of storing data as JSON objects using the stringify and parse methods.
Key topics covered:
Understanding Local Storage: Discover the purpose and limitations of Local Storage.
Storing data as JSON: Learn how to convert JavaScript objects into JSON strings using stringify.
Retrieving data from JSON: Parse JSON strings back into JavaScript objects using parse.
Managing Local Storage data: Explore techniques for storing, updating, and deleting data.
Best practices for Local Storage: Learn tips for efficient and sec...
Key topics covered:
Understanding Local Storage: Discover the purpose and limitations of Local Storage.
Storing data as JSON: Learn how to convert JavaScript objects into JSON strings using stringify.
Retrieving data from JSON: Parse JSON strings back into JavaScript objects using parse.
Managing Local Storage data: Explore techniques for storing, updating, and deleting data.
Best practices for Local Storage: Learn tips for efficient and sec...
Просмотров: 458
Видео
Building CRUD Operations with JavaScript: A Comprehensive Guide to Table Data Manipulation part 4
Просмотров 1802 месяца назад
Learn how to create powerful and dynamic web applications by mastering CRUD (Create, Read, Update, Delete) operations on tables using JavaScript. In this comprehensive tutorial, we'll cover essential techniques for searching, paginating, adding, updating, and deleting data within tables. Key topics covered: Creating dynamic tables: Generate tables from data using JavaScript. Implementing search...
Building CRUD Operations with JavaScript: A Comprehensive Guide to Table Data Manipulation
Просмотров 1612 месяца назад
Learn how to create powerful and dynamic web applications by mastering CRUD (Create, Read, Update, Delete) operations on tables using JavaScript. In this comprehensive tutorial, we'll cover essential techniques for searching, paginating, adding, updating, and deleting data within tables. Key topics covered: Creating dynamic tables: Generate tables from data using JavaScript. Implementing search...
Building CRUD Operations with JavaScript: A Comprehensive Guide to Table Data Manipulation 10.2
Просмотров 872 месяца назад
Learn how to create powerful and dynamic web applications by mastering CRUD (Create, Read, Update, Delete) operations on tables using JavaScript. In this comprehensive tutorial, we'll cover essential techniques for searching, paginating, adding, updating, and deleting data within tables. Key topics covered: Creating dynamic tables: Generate tables from data using JavaScript. Implementing search...
Building CRUD Operations with JavaScript: A Comprehensive Guide to Table Data Manipulation
Просмотров 2202 месяца назад
Learn how to create powerful and dynamic web applications by mastering CRUD (Create, Read, Update, Delete) operations on tables using JavaScript. In this comprehensive tutorial, we'll cover essential techniques for searching, paginating, adding, updating, and deleting data within tables. Key topics covered: Creating dynamic tables: Generate tables from data using JavaScript. Implementing search...
Mastering DOM Events: A Comprehensive Guide to Form Event Handling
Просмотров 752 месяца назад
In this second part of our series on form events, we'll delve deeper into the focus, blur, and reset events. These events are essential for creating interactive and user-friendly forms. Key topics covered: Handling focus and blur events: Learn how to respond to users focusing on or leaving form elements. Creating custom validation: Implement custom validation logic using focus and blur events. ...
Mastering DOM Events: Building Interactive Web Applications
Просмотров 533 месяца назад
Dive into the world of DOM events and learn how to create dynamic and responsive web experiences. This comprehensive tutorial covers various event types, event handling, and best practices. Discover: The different types of DOM events (e.g., click, mouseover, keydown, submit) How to attach event listeners to elements Handling event objects to access event data Preventing default behavior using p...
DOM Demystified: Understanding the Difference Between Elements and Nodes
Просмотров 383 месяца назад
Clear up the confusion between elements and nodes in the DOM. This in-depth tutorial explains the distinct characteristics and relationships between these fundamental building blocks of web pages. Discover: The definition of elements and their role in the DOM structure The concept of nodes and their broader scope within the DOM The hierarchy between elements and nodes Practical examples illustr...
Navigating the DOM: A Deep Dive into Element Selection
Просмотров 343 месяца назад
Master the art of selecting specific elements within the Document Object Model (DOM) using JavaScript. This comprehensive tutorial covers various methods and techniques for efficient element navigation. Learn how to: Utilize getElementById() to target elements by their unique ID Employ getElementsByClassName() to select elements based on their class names Use getElementsByTagName() to retrieve ...
JavaScript DOM Building Blocks: createElement(), append(), appendChild(), and prepend
Просмотров 623 месяца назад
Learn how to construct and manipulate the structure of your web pages using fundamental JavaScript DOM methods. This tutorial covers createElement(), append(), appendChild(), and prepend() to create, add, and insert elements dynamically. Discover how to: Create new HTML elements with createElement() Append elements to the end of a parent element using append() Add child elements to a specific p...
JavaScript DOM Tutorial: Master getAttribute() and setAttribute() for Dynamic Content
Просмотров 603 месяца назад
Dive into the world of DOM manipulation with this comprehensive guide on getAttribute() and setAttribute(). Learn how to dynamically modify HTML elements by retrieving and setting attributes. In this video, you'll discover: The fundamentals of attributes in HTML How to use getAttribute() to extract attribute values Effectively applying setAttribute() to change attribute values Practical example...
JavaScript DOM Mastery: Remove() vs. removeChild() - A Comprehensive Guide
Просмотров 293 месяца назад
Learn how to effectively remove elements from the DOM using JavaScript's remove() and removeChild() methods. This tutorial covers the key differences between these methods, when to use each, and best practices for DOM manipulation. Discover how to: Understand the DOM structure and its relationship to elements Properly utilize remove() to eliminate elements directly Employ removeChild() to remov...
🔍 innerText vs innerHTML vs textContent: Which Should You Use? 🚀 | JavaScript Essentials
Просмотров 833 месяца назад
Confused about when to use innerText, innerHTML, or textContent in JavaScript? 🤔 This video breaks it down for you with clear, real-world examples! Discover: innerText: The impact of CSS and visibility on text content. innerHTML: How to safely insert and manage HTML within elements. textContent: The most efficient way to handle text without HTML tags. We'll also share practical tips and common ...
✨ JavaScript DOM Magic: Instantly Update & Style Elements Like a Pro! 💻🎨
Просмотров 693 месяца назад
In this tutorial, we dive deep into the JavaScript DOM (Document Object Model) to show you how to dynamically update and change the styles of elements on your web page. Whether you're a beginner or looking to refresh your skills, this video will guide you through: Accessing and selecting DOM elements Updating element styles in real-time Using JavaScript to apply new styles and changes Best prac...
Mastering JSON Manipulation in JavaScript: A Guide to JSON.stringify() and JSON.parse() Functions
Просмотров 1267 месяцев назад
In this comprehensive tutorial, dive deep into the world of JSON manipulation in JavaScript as we explore the powerful JSON.stringify() and JSON.parse() functions. Whether you're a beginner or an experienced developer, this video will walk you through everything you need to know to effectively work with JSON data in your JavaScript projects. Learn how to serialize JavaScript objects into JSON s...
Beginner JavaScript To-Do List Project Part 2
Просмотров 1127 месяцев назад
Beginner JavaScript To-Do List Project Part 2
Beginner JavaScript To-Do List Project Part 1
Просмотров 937 месяцев назад
Beginner JavaScript To-Do List Project Part 1
How to Submit Data in Google Sheet Using Google App Script Web App
Просмотров 1,4 тыс.Год назад
How to Submit Data in Google Sheet Using Google App Script Web App
Beginner's Guide to Google Apps Script: Automating Tasks in Google Suite part 1
Просмотров 647Год назад
Beginner's Guide to Google Apps Script: Automating Tasks in Google Suite part 1
How to Create a Secure Login System Using Google Apps Script Web App
Просмотров 42 тыс.Год назад
How to Create a Secure Login System Using Google Apps Script Web App
i need code
Thank you for your explanation I have a question? Can you add a ('consultation' sheet) to follow the students who have consulted their notes??? Thank you in advance
Will you please give me the source code of this tutorial with image upload option.
7:40
👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
good project bro
please teach advance javascript
nice
op video bro😀😀😀😀😀
1 video firebase pe bhi bana dena 🎉🎉❤❤❤❤
ok bro
Good video bro ❤❤❤❤
😮😮😮
😀😀😀
now its good🤩
nice video keep uploading videos on these types of topics
👍👍
👍👍
Nice video
👍👍
good video
best 😴🤒 video
source code?
best video
🎉
thanks
nice
good
good work😀
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>Hello World!</h1> <h2>Background Changer</h2> <button>Red</button> <button>Blue</button> <button>Pink</button> <button>Green</button> <button>Yellow</button> <button>Purple</button> <button>Orange</button> <button>Teal</button> <button>Gray</button> <button>Brown</button> <script> let h1=document.querySelector("h1"); console.log(h1); let h2=document.querySelector("h2"); console.log(h2); let body=document.querySelector("body"); console.log(body); let btn=document.querySelectorAll("button"); for(let i=0;i<btn.length;i++){ btn[i].addEventListener("click",function(){ let color=btn[i].innerText; body.style.backgroundColor=color; }) } </script> </body> </html>
you could have used google forms directly
Secure? Plain text not even encrypted, clown.
Can you link it to google forms, where after logging in, it will take you to the google forms to fill?
yes
@TheScriptsShow hi thx for the tutorial...i have problem... i only got empty blank white page,when i hv tried to sign in. it is not openig the home.html can u hlp me?thx
Muchas gracias. 🏆 Saludos desde México.
Tak ngerteh engkok kawan polan salbut bik musikgeh
No encontre la parte 2 😢
good
good
this video is realy nice
Thanks a lots............. waiting for explain video on it.....
page refresh show confirm resubmission could you please fix it?
Finally, yours is the only tutorial that worked for me, thxs, but also, be careful with declaring password and user validation with 0 row, cause it will validate headers "User"/"Username" and "Password" as valid username and password for logging in.
how to get source code
Could you share code?
why not
How could I get it sir?
Good video I subscribed. Where is posible to get code premake for learn better.
plz script!!!
pro, TypeError: Cannot read properties of null (reading 'getDataRange') (line 14, file "Code"). Why i get this error?
the Best
Hello, i hope you can help me. Error1----SyntaxError: Unexpected token '=' (línea 6, archivo "Code") Error2--- ReferenceError: ss is not defined doPost @ Code.gs:15 1.let SS = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('UserData'); 2. 3.function doGet() { 4.var template = HtmlService.createTemplateFromFile("Login"); 5.template.message = ''; 6. return template.evaluate().setTitle('Login Page'); 7. } 8. 9. 10.function getUrl() { 11. return ScriptApp.getService().getUrl(); 12.} 13. 14.function doPost(e) { 15. var userData = ss.getDataRange().getValues(); 16. for(var i=0; i<userData.length; i++){ 17. if(userData [i][0]== e.parameter.email && userData [i][1] == e.parameter.password) { 18. var output = HtmlService.createTemplateFromFile('Home'); 19. output.username = userData[i][0] 20. return output.evaluate().setTitle('Home'); 21. } else if(e.parameter.LogoutButton == 'Logout'){ 22. var template = HtmlService.createTemplateFromFile('Login'); 23. template.message = 'Logout'; 24. return template.evaluate(); 25. }
I run a small non profit that has $90 yearly dues (per member) for about 150 members. We are currently paying thousands of dollars for a company to take care of collecting these mandatory dues. All 150 membership account numbers are in a google sheets spreadsheet with account number, address, and their account balance. can the script in this video be modified to show people thier account balance when they login? I'd be glad to pay. thanks.
Of course, you can use any data in the sheet
Cam you share your code with me please