From f2ac0e66c244969d8ed14798786f737fd7459705 Mon Sep 17 00:00:00 2001
From: Caleb Fontenot <foley2431@gmail.com>
Date: Tue, 7 Mar 2023 17:58:34 -0600
Subject: [PATCH] button :o

---
 index.html | 15 +++++++++++----
 root.css   |  1 +
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 4d33b2a..a094610 100644
--- a/index.html
+++ b/index.html
@@ -31,8 +31,9 @@
 <p>Hi! My name is <mark>Caleb Fontenot.</mark> I am a software developer in my second semester at South Lousiana Community College.</p>
 
     <script type="text/javascript">
-                var array = new Array(10);
-                
+            function main() {
+            var array = new Array(10);
+            
             for (let i = 0; i < array.length; ++i) {
                 let temp = parseInt(Math.random() * 100) + " array index: " + i;
                 array[i] = temp;
@@ -51,12 +52,18 @@
             }
             
             for (let i = 0; i < array.length; ++i) {
-                document.write(array[i] + "</br>");
+                document.getElementById("jsOutput").innerHTML += (array[i] + "</br>");
                 console.log(array[i]);
                 console.log(typeof(array[i]));
             }
-            document.write("JavaScript is an absolutely bizarre language.");
+            document.getElementById("jsOutput").innerHTML += ("JavaScript is an absolutely bizarre language.");
+            }
 </script>
+
+<button class=button onclick="main()">Click me!</button>
+
+<p id="jsOutput"></p>
+
 <p>
     <a href="https://jigsaw.w3.org/css-validator/check/referer">
         <img style="border:0;width:88px;height:31px"
diff --git a/root.css b/root.css
index c97b15f..584d428 100644
--- a/root.css
+++ b/root.css
@@ -60,6 +60,7 @@ nav {
 	border-style: inset;
 }
 .button {
+	background-color: inherit;
 	color: white;
 	text-decoration: none;
 	border-style: outset;