I have an HTML sheet I created for a fictional business website as part of an assignment last week for my Internet GIS class. My assignment this week (due tonight at 11:59 PM MST) is to improve upon the page in two of four ways listed on the assignment’s Canvas page, the two ways I chose being to use Javascript to change HTML styles (option #3) via an interactive button (option #4). I’ve decided to do this by duplicating my original CSS stylesheet and replacing the normal-contrast color names therein (background color: linen; text color: maroon) to high-contrast color names (background color: black; text color: yellow). I tried a one-button solution but couldn’t figure out how to make it work, so I’ve now decided to try a two-button solution. However, I’m still just as stumped with getting a two-button solution to work. I’ve been unable to find any useful information elsewhere on the internet, so I thought I’d ask you all here for help. I’m including my HTML page’s code below, but will be changing the name of the business and CEO for privacy purposes (the business is named after myself).
<!DOCTYPE html>
<html>
<head>
<title>Services – John Smith Consulting</title>
<link rel="stylesheet" type="text/css" href="JohnSmith_InternetGIS_SP2024_Lab121.css id="theme1">
<link rel="stylesheet" type="text/css" href="JohnSmith_InternetGIS_SP2024_Lab122.css" id="theme2">
</head>
<body>
<button type="button">Switch to high contrast</button>
<button type="button">Switch to regular colors</button>
<h1>Our Services</h1>
<p1>We offer cartography using ArcGIS Pro and web app development using ArcGIS Online.</p1>
<h2>Service Requirements</h2>
<p2>All we ask is that you simply provide us with GIS data up front. We here at John Smith Consulting are either fresh out of college or otherwise inexperienced with GIS outside of a classroom environment.</p2>
<h2>Which File Types do We Accept?</h2>
<p2>We accept any file type compatible with ArcGIS Pro or ArcGIS Online, including but not limited to</p2>
<ul>
<li>Shapefiles – SHP</li>
<li>Comma Separated Values files – CSV</li>
<li>GeoJSON files</li>
<li>Layer package files – LPK</li>
</ul>
<h2>Examples of Past Projects</h2>
<img src="C:UserssmithOneDrivePicturesScreenshotsJohnSmith-UCCS-InternetGIS-SP2024-Lab11-Screenshot1.png" style="width:320px;height:180px;">
<a href="https://experience.arcgis.com/experience/7db76a91198841349a8ccd6c005537c1/">World War II Naval Battles and Shipwrecks ArcGIS Web Experience</a>
<h1>Our CEO</h1>
<img src="C:UserssmithOneDrivePicturesJohnSmith_Selfie_04042023.jpg" alt="JohnSmith" style="width:290px;height:386px;">
<p1>John Smith is the CEO of John Smith Consulting, which he founded on 15 May 2024 after graduating from the University of Colorado Colorado Springs with a BA in Geography and a GIS certificate.</p1>