Two new labs

Merge branch 'main' of https://git.levimclean.me/Levi/IWD2-02
Multiple changes
2026-01-25 03:16:23 -05:00 · 2026-01-25 03:16:20 -05:00 · 2026-01-22 22:24:56 -05:00
20 changed files with 717 additions and 24 deletions
@@ -0,0 +1,62 @@
+<html lang="en">
+    <head>
+        <title>Week 2 Notes</title>
+    </head> 
+    <body>
+        <?php
+            $globalVar = "I'm global!";
+
+            function greet($fname, $lname) {
+                echo("Hello, " . $fname . " " . $lname . "!");
+            }
+
+            function greet2($name = "Guest") {
+                echo("Hello, " . $name . "!");
+            }
+
+            function add($a, $b) {
+                return $a + $b;
+            }
+
+            function test() {
+                global $globalVar;
+                echo $globalVar;
+            }
+
+            greet("Levi", "McLean");
+
+            greet2()
+
+            $result = add(5, 3);
+            echo $result;
+
+            define("CENTS_IN_DOLLAR", 100);
+
+            $name = "Levi McLean";
+            echo("<p>Hello $name</p>");
+
+            $name = "Batman";
+            echo("<p>Hello $name</p>");
+            print_r($name);
+
+            echo "1231\"\"2321";
+
+            phpinfo();
+
+            $int = 1;
+
+            $float = 1.0;
+
+            $seasons = [
+                "Winter",
+                "Spring",
+                "Summer",
+                "Fall",
+            ];
+
+            $years = [1, 2, 3, 4, 5];
+
+            $_SERVER = "Bob";
+        ?>
+    </body>
+</html>
@@ -0,0 +1,89 @@
+CREATE DATABASE  IF NOT EXISTS `friend` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci */;
+USE `friend`;
+-- MySQL dump 10.13  Distrib 8.0.44, for Win64 (x86_64)
+--
+-- Host: 127.0.0.1    Database: friend
+-- ------------------------------------------------------
+-- Server version	5.5.5-10.4.32-MariaDB
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!50503 SET NAMES utf8 */;
+/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
+/*!40103 SET TIME_ZONE='+00:00' */;
+/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
+/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
+/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
+/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
+
+--
+-- Table structure for table `family`
+--
+
+DROP TABLE IF EXISTS `family`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!50503 SET character_set_client = utf8mb4 */;
+CREATE TABLE `family` (
+  `family_id` int(11) NOT NULL AUTO_INCREMENT,
+  `first_name` tinytext NOT NULL,
+  `last_name` tinytext NOT NULL,
+  `relationship` tinytext DEFAULT NULL,
+  `phone_number` tinytext DEFAULT NULL,
+  `city` tinytext DEFAULT NULL,
+  `country` tinytext DEFAULT NULL,
+  `days_since_visit` int(11) DEFAULT NULL,
+  `nickname` varchar(56) DEFAULT NULL,
+  `birthday` date DEFAULT NULL,
+  PRIMARY KEY (`family_id`)
+) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `family`
+--
+
+LOCK TABLES `family` WRITE;
+/*!40000 ALTER TABLE `family` DISABLE KEYS */;
+INSERT INTO `family` VALUES (1,'Linda','Harris','Mother','312-555-0147','Chicago','USA',18,'Lin','1971-02-11'),(2,'Robert','Harris','Father','312-555-9823','Chicago','USA',18,'Rob','1969-09-04'),(3,'Megan','Harris','Sister','773-555-2201','Evanston','USA',63,'Meg','1999-06-19');
+/*!40000 ALTER TABLE `family` ENABLE KEYS */;
+UNLOCK TABLES;
+
+--
+-- Table structure for table `friends`
+--
+
+DROP TABLE IF EXISTS `friends`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!50503 SET character_set_client = utf8mb4 */;
+CREATE TABLE `friends` (
+  `id_friends` int(11) NOT NULL AUTO_INCREMENT,
+  `first_name` tinytext NOT NULL,
+  `last_name` tinytext NOT NULL,
+  `address` tinytext DEFAULT NULL,
+  `phone_num` tinytext DEFAULT NULL,
+  `birthday` tinytext DEFAULT NULL,
+  PRIMARY KEY (`id_friends`)
+) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `friends`
+--
+
+LOCK TABLES `friends` WRITE;
+/*!40000 ALTER TABLE `friends` DISABLE KEYS */;
+INSERT INTO `friends` VALUES (1,'Jim','Jones','512 Imagination Street','555-212-1245','12/04/2000'),(2,'Ginny','Smith','222 Floop Avenue','555-787-6729','20/12/1998'),(3,'Alex','Jay','634 Brant Street','555-135-6842','14/05/1999');
+/*!40000 ALTER TABLE `friends` ENABLE KEYS */;
+UNLOCK TABLES;
+/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
+
+/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
+/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
+/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
+/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
+
+-- Dump completed on 2026-01-22 18:32:36
@@ -0,0 +1,33 @@
+<html>
+	<head>
+		<title>Levi Lab #2</title>
+		<script language="JavaScript" type="text/JavaScript">
+			var json = '{"version":3,"status":"ok","response":{"data":[{"address":"1001 Fanshawe College Blvd","category_ids":[29],"category_labels":["Community and Government","Education","Colleges and Universities"],"country":"ca","factual_id":"fba3ee56-9947-424d-bba4-f6c955491fff","fax":"(519) 452-4420","hours":{"monday":[["6:00","17:00"]],"tuesday":[["6:00","17:00"]],"wednesday":[["6:00","17:00"]],"friday":[["6:00","13:00"]]},"hours_display":"Mon-Wed 6:00-17:00; Fri 6:00-13:00","latitude":43.01392,"locality":"London","longitude":-81.20093,"name":"Fanshawe College","neighborhood":["Huron Heights"],"postcode":"N5Y 5R6","region":"ON","tel":"(519) 452-4430","tel_normalized":"5194524430","website":"http://www.fanshawec.ca","$distance":219.55336},{"address":"1569 Oxford St E","address_extended":"# 1","category_ids":[354,312],"category_labels":["Social","Food and Dining","Restaurants","Diners"],"country":"ca","factual_id":"2b22d57b-6fc3-46c6-b32e-ab6501c0ac15","latitude":43.011113,"locality":"London","longitude":-81.198993,"name":"Careys Pub","neighborhood":["Huron Heights"],"postcode":"N5V 1W5","region":"ON","tel":"(519) 951-6886","tel_normalized":"5199516886","website":"http://careys.ca/","$distance":144.9862},{"address":"1579 Oxford St E","category_ids":[347],"category_labels":["Social","Food and Dining","Restaurants"],"country":"ca","factual_id":"fa5cbbf3-42c4-47bf-af8d-1ff597668820","latitude":43.011228,"locality":"London","longitude":-81.198469,"name":"Tuscanos Pizzeria & Bistro","neighborhood":["Huron Heights"],"postcode":"N5V 1W5","region":"ON","tel":"(519) 452-3737","tel_normalized":"5194523737","website":"http://www.tuscanoslondon.com","$distance":171.85011},{"address":"1569 Oxford St E","category_ids":[363],"category_labels":["Social","Food and Dining","Restaurants","Pizza"],"country":"ca","factual_id":"134b343a-1064-48f8-a8ab-af1c17641a82","latitude":43.011227,"locality":"London","longitude":-81.198942,"name":"Marvellous 2 For 1 Pizza & Wings Inc","neighborhood":["Huron Heights"],"postcode":"N5V 1W5","region":"ON","tel":"(519) 452-1044","tel_normalized":"5194521044","website":"http://marvellous2for1pizza.com/","$distance":139.92738},{"address":"670 1st St","category_ids":[355,464],"category_labels":["Social","Food and Dining","Restaurants","International"],"country":"ca","factual_id":"0bbb20a6-b7ca-4c3c-91c6-2a82cdefcb4c","latitude":43.010551,"locality":"London","longitude":-81.199745,"name":"Sammys Souvlaki","neighborhood":["Huron Heights"],"postcode":"N5V 2A2","region":"ON","tel":"(519) 457-6433","tel_normalized":"5194576433","website":"http://www.restaurantica.com/on/london/sammys-souvlaki/23004725/","$distance":167.32169}],"included_rows":5}}';
+			
+			// Convert JSON string to JS object
+			let jsObject = JSON.parse(json);
+
+			// Initialize new variable called viewDate to current date
+			jsObject.viewDate = new Date();
+
+			function startMeUp() {
+				// Print details of each object in the response
+				for (let i = 0; i < jsObject.response.data.length; i++) {
+					document.write(jsObject.response.data[i].name + "<br>");
+					document.write(jsObject.response.data[i].address + "<br>");
+					document.write(jsObject.response.data[i].category_labels.join("<br>") + "<br><br>");
+				}
+				
+				// Dump the JSON String after changes
+				document.write(jsonString);
+			}
+
+			// Convert JS object back to JSON string
+			let jsonString = JSON.stringify(jsObject);
+			
+		</script>
+	</head>
+	<body onload="startMeUp();">
+	
+	</body>
+</html>
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Constructors</title>
+    <script>
+        // this is a constructor function used to create a new object
+		// based on the parameters passed over
+        function PlanType(name, price, space, transfer, pages) {
+		
+			// "this" references the current object being created
+			// to ensure that each object has its own private data
+            this.name = name;
+            this.price = price;
+            this.space = space;
+            this.transfer = transfer; 
+            this.pages = pages;
+        }
+
+        // prints out a single object using document.write
+        function printObj(pObj) {
+            document.write(pObj.name + " " + pObj.price + " " + pObj.space + " " + pObj.transfer + " " + pObj.pages + "<br>");
+        }
+
+		// start up function launched from the onload event
+		function startMeUp() {
+			// creates 3 objects (plan1, plan2 and plan3)
+			var plan1 = new PlanType("Basic", 3.99, 100, 1000, 10);
+			var plan2 = new PlanType("Premium", 5.99, 500, 5000, 50);
+			var plan3 = new PlanType("Ultimate", 9.99, 2000, 20000, 500);
+
+			// print out each object
+			printObj(plan1);
+			printObj(plan2);
+			printObj(plan3);
+		}
+		
+    </script>
+</head>
+<body onload="startMeUp();">
+
+</body>
+</html>
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Constructors (Array of Objects)</title>
+    <script>
+        // this is a constructor function used to create a new object
+		// based on the parameters passed over
+        function PlanType(name, price, space, transfer, pages) {
+		
+			// "this" references the current object being created
+			// to ensure that each object has its own private data
+            this.name = name;
+            this.price = price;
+            this.space = space;
+            this.transfer = transfer; 
+            this.pages = pages;
+        }
+
+		// prints out an array of objects using document.write
+        function printObjArray(pArray) {
+            var properties = "";
+
+			// use a "for" loop to combine all the properties into a string
+			// separate each property from the next with a space
+            for (var i = 0; i < pArray.length; i++) {
+                properties += pArray[i].name + " ";
+				properties += pArray[i].price + " ";
+				properties += pArray[i].space + " ";
+				properties += pArray[i].transfer + " ";
+				properties += pArray[i].pages + "<br>";
+			}
+
+            document.write(properties); // print out the "properties" string with all object properties
+        }
+		
+		// start up function launched from the onload event
+		function startMeUp() {
+			var plans = []; // create an empty array
+
+			// creates an object array with 3 element objects (plans[0], plans[1] and plans[2])
+			plans[0] = new PlanType("Basic", 3.99, 100, 1000, 10);
+			plans[1] = new PlanType("Premium", 5.99, 500, 5000, 50);
+			plans[2] = new PlanType("Ultimate", 9.99, 2000, 20000, 500);
+			
+			// print out all objects in the plans array
+			printObjArray(plans);
+		}
+		
+    </script>
+</head>
+<body onload="startMeUp();">
+
+</body>
+</html>
@@ -0,0 +1,25 @@
+<html>
+	<head>
+		<title>Simple Object Example</title>
+		<script language="JavaScript" type="text/JavaScript">
+		
+			var flight = {
+				airline: "Oceanic",
+				number: 815,
+				departure: {
+					IATA: "SYD",
+					time: "2004-09-22 14:55",
+					city: "Sydney"
+				},
+				arrival: {
+					IATA: "LAX",
+					time: "2004-09-23 10:42",
+					city: "Los Angeles"
+				}
+			}
+		</script>
+	</head>
+	<body>
+	
+	</body>
+</html>
@@ -0,0 +1,39 @@
+<html>
+	<head>
+		<title>Simple Object Example</title>
+		<script language="JavaScript" type="text/JavaScript">
+		
+			var flight = {
+				airline: "Oceanic",
+				number: 815,
+				departure: {
+					IATA: "SYD",
+					time: "2004-09-22 14:55",
+					city: "Sydney"
+				},
+				arrival: {
+					IATA: "LAX",
+					time: "2004-09-23 10:42",
+					city: "Los Angeles"
+				},
+				updateNumber: function(num) {
+					this.number = num;
+				},
+				updateDepartures: function(IATA, time, city) {
+					this.departure.IATA = IATA;
+					this.departure.time = time;
+					this.departure.city = city;
+				}
+			}
+			
+			function startMeUp() {
+				flight.updateNumber(900);
+				flight.updateDepartures("TOR", "2018-02-01 08:44", "Toronto");
+				document.write(flight.departure.time);
+			}
+		</script>
+	</head>
+	<body onload="startMeUp();">
+	
+	</body>
+</html>
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Methods</title>
+    <script>
+        var PlanType = function(name, price, space, transfer, pages, discountMonths) {
+            this.name = name;
+            this.price = price;
+            this.space = space;
+            this.transfer = transfer;
+            this.pages = pages;
+            this.discountMonths = discountMonths;
+
+            this.calcAnnual = function(percentIfDiscount) {
+                var bestPrice = this.price;
+                var currentDate = new Date();
+                var theMo = currentDate.getMonth();
+
+                for (var i = 0; i < this.discountMonths.length; i++) {
+                    if (this.discountMonths[i] === theMo) {
+                        bestPrice = this.price * percentIfDiscount;
+                        break;
+                    }
+                }
+                return bestPrice * 12;
+            }
+        }
+
+        var plan1 = new PlanType("Basic", 3.99, 100, 1000, 10, [2, 6, 7]);
+        var plan2 = new PlanType("Premium", 6.99, 500, 5000, 20, [1, 6, 7, 9]);
+        var bp = plan1.calcAnnual(0.15);
+		
+		bp = plan2.calcAnnual(0.15);
+
+        if (sameDiscountMonths(plan1, plan2)) {
+            document.write(plan1.name + " and " + plan2.name + " have the same discount months");
+        }
+        else {
+            document.write(plan1.name + " and " + plan2.name + " don't have the same discount months");
+        }
+
+        // return true/false
+        function sameDiscountMonths(p1, p2) {
+            if (p1.discountMonths.length !== p2.discountMonths.length)
+                return false;
+
+            for (var i = 0; i < p1.discountMonths.length; i++) {
+                if (p1.discountMonths[i] !== p2.discountMonths[i])
+                    return false;
+            }
+
+            return true;
+        }
+    </script>
+</head>
+<body>
+
+</body>
+</html>
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Methods</title>
+    <script>
+        var PlanType = function(name, price, space, transfer, pages, discountMonths) {
+            this.name = name;
+            this.price = price;
+            this.space = space;
+            this.transfer = transfer;
+            this.pages = pages;
+            this.discountMonths = discountMonths;
+        }
+		
+		PlanType.prototype.cancellable = false;
+		
+		PlanType.prototype.calcAnnual = function(percentIfDiscount) {
+			var bestPrice = this.price;
+			var currentDate = new Date();
+			var theMo = currentDate.getMonth();
+			
+			PlanType.prototype.cancellable = false;
+
+			for (var i = 0; i < this.discountMonths.length; i++) {
+				if (this.discountMonths[i] === theMo) {
+					bestPrice = this.price * percentIfDiscount;
+					break;
+				}
+			}
+			return bestPrice * 12;
+		}
+
+        var plan1 = new PlanType("Basic", 3.99, 100, 1000, 10, [2, 6, 7]);
+        var plan2 = new PlanType("Premium", 6.99, 500, 5000, 20, [1, 6, 7, 9]);
+        var bp = plan1.calcAnnual(0.15);
+		
+		bp = plan2.calcAnnual(0.15);
+		
+		PlanType.prototype.cancellable = true;
+
+        if (sameDiscountMonths(plan1, plan2)) {
+            document.write(plan1.name + " and " + plan2.name + " have the same discount months");
+        }
+        else {
+            document.write(plan1.name + " and " + plan2.name + " don't have the same discount months");
+        }
+
+        // return true/false
+        function sameDiscountMonths(p1, p2) {
+            if (p1.discountMonths.length !== p2.discountMonths.length)
+                return false;
+
+            for (var i = 0; i < p1.discountMonths.length; i++) {
+                if (p1.discountMonths[i] !== p2.discountMonths[i])
+                    return false;
+            }
+
+            return true;
+        }
+    </script>
+</head>
+<body>
+
+</body>
+</html>
@@ -0,0 +1 @@
+Hello
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<div id="demo">
+<h2>The XMLHttpRequest Object</h2>
+<button type="button" onclick="loadDoc()">Change Content</button>
+</div>
+
+<script>
+function loadDoc() {
+  const xhttp = new XMLHttpRequest();
+  xhttp.onload = function() {
+    document.getElementById("demo").innerHTML =
+    this.responseText;
+  }
+  xhttp.open("GET", "ajax_info.txt");
+  xhttp.send();
+}
+</script>
+
+</body>
+</html>
@@ -0,0 +1,28 @@
+body {
+	background-color:ButtonFace;
+}
+.txtBox {
+	font-family: Verdana, Arial, Helvetica;
+	font-size: 9pt;
+	color: black;
+	height: 19px;
+	background-color: white;
+	border: 1px solid #07A2FE;
+}
+.divClass {
+	font-family: Verdana, Arial, Helvetica;
+	font-size: 9pt;
+	padding: 3px;
+	color: black;
+	background-color: white;
+	width: 500px;
+	border: 1px solid #07A2FE;
+	visibility: hidden;
+}
+.btnButton {
+	font-family: Verdana, Arial, Helvetica;
+	font-size: 8pt;
+	color: black;
+	height: 24px;
+	cursor: pointer;
+}
@@ -0,0 +1,14 @@
+<html>
+	<head>
+		<title>Wikipedia Demo 3 (external .js and .css)</title>
+		<link rel="stylesheet" href="wikidemo3.css" />
+		<script src="wikidemo3.js"></script>
+	</head>
+	<body>
+		<input type="text" id="txtSearch" class="txtBox" style="width:200px" onclick="this.select();" onkeypress="filterText();" value="supercomputer" />
+		<br /><br />
+		<input type="button" id="btnAsynch" class="btnButton" value="Find Data Asynchronously" onclick="doSearch();" />
+		<br /><br />
+		<div id="outputDiv" class="divClass"></div><br />
+	</body>
+</html>
@@ -0,0 +1,55 @@
+const ISOK = 200;
+var request = new XMLHttpRequest();
+
+function getJSONAsync(searchArg) {
+	if (searchArg == "") {
+		alert("Enter valid search argument");
+		return;
+	}
+
+	// use an anonymous function as the event handler
+	request.onload = function() {
+		if (request.status === ISOK) {
+			var jsObject = JSON.parse(request.responseText);
+			var countResults = jsObject.query.search.length;
+			var template = '<a href="_url" target="_blank">_title</a><br><br>';
+			
+			// clear div container
+			document.getElementById("outputDiv").innerHTML = "";
+			
+			if (countResults > 0) {
+				for (var i = 0; i < countResults; i++) {
+					var link = "https://en.wikipedia.org/?curid=" + jsObject.query.search[i].pageid;
+					var titleText = template.replace("_url", link);
+					titleText = i + 1 + ". " + titleText.replace("_title", jsObject.query.search[i].title);
+					document.getElementById("outputDiv").innerHTML += titleText;
+					
+					var snipText = jsObject.query.search[i].snippet + "...<br><br>";
+					document.getElementById("outputDiv").innerHTML += snipText;
+					document.getElementById("outputDiv").style.visibility = "visible";
+				}
+			}
+		}
+	};
+	
+	var url = "https://en.wikipedia.org/w/api.php?action=query&list=search&prop=info&inprop=url&utf8=&format=json&origin=*&srlimit=20&srsearch=" + searchArg;
+	request.open("GET", url, true);
+	request.send();
+}
+
+function callBack() {
+	
+}
+
+function doSearch() {
+	var searchArg = document.getElementById("txtSearch").value;
+	getJSONAsync(searchArg);
+	
+}
+
+function filterText() {
+	if (window.event.keyCode === 13) {
+		document.getElementById("outputDiv").style.visibility = "hidden";
+		doSearch();
+	}
+}
@@ -0,0 +1,50 @@
+<html>
+<head>
+    <title>ASynchronous AJAX</title>
+
+</head>
+<body onload="main();">
+<script type="text/JavaScript">
+
+    let xmlHttp = new XMLHttpRequest();
+
+    function requestCallbackFunction(){
+        if(xmlHttp.status === 200){
+            writeToContent(xmlHttp.responseText);
+
+            let data = JSON.parse(xmlHttp.responseText);
+            console.log(data);
+
+            setTimeout(null, 1000);
+
+            data['someProperty'] = { data:"This is an additional value"};
+
+            console.log(JSON.stringify(data));
+        }
+    }
+
+    function getJSONASynchronous(url){
+        if(xmlHttp !== null){
+            xmlHttp.onload = requestCallbackFunction;
+            xmlHttp.open("GET", url, true);
+            xmlHttp.send(null);
+        }
+    }
+
+    function writeToContent(data){
+        document.getElementById("content").innerText = data;
+    }
+
+    function main(){
+        getJSONASynchronous("https://google.ca");
+        getJSONASynchronous("https://reqbin.com/echo/get/json");
+        getJSONASynchronous("./data.json");
+    }
+</script>
+
+<div id="content">
+
+</div>
+
+</body>
+</html>
@@ -0,0 +1,40 @@
+<html>
+<head>
+    <title>Synchronous AJAX</title>
+
+</head>
+<body onload="main();">
+<script type="text/JavaScript">
+
+    function getJSONSynchronous(url){
+        let response = "";
+        let xmlHttp = new XMLHttpRequest();
+
+        if(xmlHttp !== null){
+            xmlHttp.open("GET", url, false);
+
+            xmlHttp.send(null);
+
+            response = xmlHttp.responseText;
+
+            return response;
+        }
+    }
+
+    function writeToContent(data){
+        document.getElementById("content").innerText = data;
+    }
+
+    function main(){
+        writeToContent(getJSONSynchronous("https://google.ca"));
+        writeToContent(getJSONSynchronous("https://reqbin.com/echo/get/json"));
+        writeToContent(getJSONSynchronous("./data.json"));
+    }
+</script>
+
+<div id="content">
+
+</div>
+
+</body>
+</html>
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Api Test</title>
+    </head>
+
+    <body>
+        <script>
+            // Query Fake User API
+            let request = fetch("https://randomuser.me/api/");
+           console.log(request);
+        </script>
+    </body>
+</html>
Author	SHA1	Message	Date
LeviM0323	cbb48145e8	Two new labs	2026-01-25 03:16:23 -05:00
LeviM0323	bb1ddfce18	Merge branch 'main' of https://git.levimclean.me/Levi/IWD2-02	2026-01-25 03:16:20 -05:00
LeviM0323	b16f7a0757	Multiple changes	2026-01-22 22:24:56 -05:00