Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
To create a Google Apps Script that changes paragraphs styled as Heading 3 (H3) to regular paragraphs in a Google Doc, unless they end with a question mark (in which case they are left as H3), you can follow these steps. This script uses Google Apps Script, a Javascript-based platform that lets you extend Google … Read more
Unleashing Creativity with ChatGPT: Top 10 Prompts to Explore In the ever-evolving landscape of artificial intelligence, ChatGPT stands out as a beacon of innovation, offering endless possibilities for creativity, learning, and problem-solving. Whether you’re a writer seeking inspiration, a student grappling with complex subjects, or a professional exploring new ideas, ChatGPT can be your go-to … Read more
In this tutorial, we cover how to make your web pages more interactive by allowing users to change the background color with a simple button click. Perfect for beginners, this step-by-step guide will walk you through the HTML and JavaScript needed to add this dynamic feature to your website. By the end of this video, … Read more
In the dynamic world of web development, JavaScript stands as a cornerstone, powering the interactive and seamless experiences users have come to expect. For developers looking to sharpen their skills or dive deeper into the possibilities JavaScript offers, we’ve compiled an invigorating list of 66 coding exercises. These exercises are not just tasks; they’re gateways … Read more
Content: In the modern web development landscape, the ability to fetch and display data from a public API is a fundamental skill. It not only enhances the interactivity of web applications but also allows developers to leverage vast amounts of data available online. This tutorial will guide you through the process of fetching data from … Read more
In the world of web development, form validation is a crucial aspect of gathering input from users. It helps ensure that the data collected is in the correct format, enhancing both usability and reliability. Today, we’re diving into a simple yet effective way to validate an email input field in a form. This tutorial will … Read more
Enhancing user interaction on your website can significantly improve their overall experience. One way to achieve this is by implementing features that allow users to control what they see, such as toggling the visibility of images. This tutorial will guide you through the process of adding a button to your web page that hides or … Read more
Are you looking to add some interactive elements to your web page? A simple yet effective way to enhance user engagement is by allowing them to change the background color of the page with just a click of a button. In this tutorial, we’ll walk you through the process of creating a web page that … Read more
Coding Exercises Source Code included!!!! 1. Change Background Color Objective: Create a web page with a button that changes the background color of the page when clicked. <!DOCTYPE html> <html> <head> <title>Change Background Color</title> </head> <body> <button id=”changeColorBtn”>Change Background Color</button> <script> document.getElementById(‘changeColorBtn’).addEventListener(‘click’, function() { document.body.style.backgroundColor = ‘lightblue’; }); </script> </body> </html> 2. Toggle Image Display … Read more
To modify the previous Google Apps Script so that it selects paragraphs that start with a number followed by a period (indicating a numbered list item or similar structure) and then updates those paragraphs to use the Heading 3 style, follow these steps. This script will loop through all paragraphs in a Google Document, check … Read more