Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
JavaScript QUIZ 30 Questions Test your knowledge How many can you answer? 1. What is the result of the expression 2 + ‘2’? a) 4 b) ’22’ c) 22 d) 2 Answer: b) ’22’ Explanation: In JavaScript, the + operator with a string and a number results in string concatenation. 2. How do you declare … Read more
JavaScript QUIZ How much do you know about JavaScript ? Skills Test quiz 1. What is the result of the expression 2 + ‘2’? a) 4b) ’22’c) 22d) 2 Answer: b) ’22’ 2. How do you declare a variable in JavaScript? a) vb) letc) variabled) var Answer: b) let 3. What does the “typeof” operator … Read more
🚀 Sharpen Your JavaScript Skills with These Multiple-Choice Questions! 🚀 Are you ready to test your JavaScript knowledge? Check out these 50 multiple-choice questions and see how many you can ace! Whether you’re a beginner or a seasoned developer, there’s always room to learn and challenge yourself. 🤓💡 #JavaScriptQuiz #CodingChallenge #WebDevelopment #Programming #JavaScriptTrivia #TechQuiz #CodeNewbie … Read more
Exercise 5: Basic Form Validation HTML (index.html): <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” href=”styles.css”> <title>Form Validation</title> </head> <body> <div class=”form-container”> <form onsubmit=”validateForm(); return false;”> <label for=”username”>Username:</label> <input type=”text” id=”username” required> <br> <label for=”password”>Password:</label> <input type=”password” id=”password” required> <br> <button type=”submit”>Submit</button> </form> <p id=”errorMessage” class=”error-message”></p> </div> <script src=”script.js”></script> </body> … Read more
Exercise 4: Interactive Image Gallery HTML (index.html): <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” href=”styles.css”> <title>Image Gallery</title> </head> <body> <div class=”gallery-container”> <img src=”image1.jpg” alt=”Image 1″ id=”galleryImage”> <div class=”button-container”> <button onclick=”prevImage()”>Previous</button> <button onclick=”nextImage()”>Next</button> </div> </div> <script src=”script.js”></script> </body> </html> CSS (styles.css): body { display: flex; justify-content: center; align-items: center; height: … Read more
Exercise 3: Random Quote Generator HTML (index.html): <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” href=”styles.css”> <title>Random Quote Generator</title> </head> <body> <div class=”quote-container”> <blockquote id=”quote”>Click the button to get a random quote!</blockquote> <button onclick=”getRandomQuote()”>Get Quote</button> </div> <script src=”script.js”></script> </body> </html> CSS (styles.css): body { display: flex; justify-content: center; align-items: center; … Read more
Exercise 2: To-Do List HTML (index.html): <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” href=”styles.css”> <title>To-Do List</title> </head> <body> <div class=”todo-container”> <h1>To-Do List</h1> <input type=”text” id=”taskInput” placeholder=”Add a new task”> <button onclick=”addTask()”>Add Task</button> <ul id=”taskList”></ul> </div> <script src=”script.js”></script> </body> </html> CSS (styles.css): body { display: flex; justify-content: center; align-items: center; … Read more
🧮✨ Simple Calculator Web App 🖩✨ Check out this simple calculator web app that I built using HTML, CSS, and JavaScript! 🚀 💡 Key Features: 🚀 How It Works: Feel free to try it out and let me know what you think! Any feedback is appreciated. 🤓👩💻 #WebDevelopment #JavaScript #HTML #CSS #CalculatorApp #Coding #Programming #WebDevJourney … Read more
JavaScript Fundamental Guide to Learning JavaScript The book provides a comprehensive journey through the history and foundational concepts of JavaScript, catering to beginners and intermediate learners. Here is a summarized overview of each chapter: Chapter 1: Introduction to JavaScript This chapter traces the history of JavaScript, highlighting its evolution and pivotal role in web development. … Read more
Holiday Greetings to all, I wanted to wish you all the best to you and your family! Looking for last minute gifts, you can gift Udemy courses. Check out these top deals below! Use the promo code HAPPYDEC23 on my courses for the next 4 days to get the BEST PRICE POSSIBLE!!! 4.9 Stars – 6 … Read more