Google Apps Scripts and Web Development Tutorials and Resources by Laurence Svekis
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
To create a Google Apps Script that updates the font size of <h3> elements in a Google Document to a larger size, you will need to follow these steps. The script will loop through the document, identify all <h3> styled paragraphs, and increase their font size. Here’s a basic script example that increases the font … Read more
OVER 150+ Exercises Getting started with Google Apps Script SHEETS Google Sheets stands as an incredibly versatile tool for individuals and organizations alike, offering far more than meets the eye at first glance. Whether you’re managing a small project or orchestrating complex data analysis, the capabilities of Google Sheets can significantly enhance productivity and data … Read more
To create a Google Apps Script that bolds the start of a paragraph if it starts with “code”, “explanation”, or “objective”, and only bolds the first word while leaving the remaining content intact, you can follow the steps below. This script will iterate through all the paragraphs in the document, check if they start with … Read more
Creating a Google Apps Script to process Google Docs documents in the manner you’ve described involves using the Google Docs API provided within Apps Script. The script will: Here’s a basic script that accomplishes this: To use this script: Please note, when running scripts that modify documents for the first time, Google will ask for … Read more