From e5c9954dc92fde092df727f06a08370578c23f6d Mon Sep 17 00:00:00 2001
From: Sultan Sultani <sadorski@Sultans-MacBook-Pro.local>
Date: Tue, 27 Feb 2018 15:46:18 -0800
Subject: [PATCH] completed debugging js scroll

---
 index.html  | 16 ++++++-------
 index2.html | 68 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 75 insertions(+), 9 deletions(-)
 create mode 100644 index2.html
diff --git a/index.html b/index.html
index b3625db..9da9675 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <html>
 <head>
+  <meta charset ="utf-8">
 	<title>Javascript Demo</title>
 	<style>
 		body {
@@ -10,7 +11,6 @@
 			text-align: center;
 			margin-top:20%;
 		}
-
 		#magic{
 			color: #777;
 			border-right: 1px solid #777;
@@ -25,31 +25,29 @@
 
 	<script>
 
-		var words = ["fun", "exciting", "about not giving up", "being helpful", "being open", "what I learned at CodingDojo!"],
+		var words = ["fun", "exciting","about not giving up","being helpful","being open", "what I learned at CodingDojo!"],
 			el = document.getElementById('magic'),
 			word_counter = 0,
 			character_counter = 0;
-
+      for (var i = 0; i < words.length; i++) {
+        words[i] = words[i].replace(" ",'\xa0');
+      }
 		function updateText()
 		{
 			el.innerHTML = el.innerHTML+words[word_counter][character_counter++];
-
-			if(character_counter == words[word_counter].length)
+			if(character_counter == words[word_counter].length + 1)
 			{
 				word_counter++; 	//choose a different word
 				character_counter = 0;	//start over with the first character of the word
 				el.innerHTML = '';  //set the html to be blank
-
 				//if we're displaying the last word, go back to the first word
 				if(word_counter == words.length)
 					word_counter = 0;
 			}
 		}
-
 		setInterval(updateText,300);
-
 	</script>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/index2.html b/index2.html
new file mode 100644
index 0000000..e4f3339
--- /dev/null
+++ b/index2.html
@@ -0,0 +1,68 @@
+<html>
+<head>
+	<title>Javascript Demo</title>
+	<style>
+		body {
+			background-color:black;
+			font-family: monospace;
+			color:white;
+			font-size:50px;
+			text-align: center;
+			margin-top:20%;
+		}
+
+		#magic{
+			color: #777;
+			border-right: 1px solid #777;
+			padding-right: 7px;
+			display: inline;
+		}
+	</style>
+</head>
+<body>
+
+	Coding is <div id="magic"></div>
+
+	<script>
+
+		var words = ["fun", "exciting", "about not giving up", "being helpful", "being open", "what I learned at CodingDojo!"],
+			el = document.getElementById('magic'),
+			word_counter = 0,
+			character_counter = 0;
+			// for (var i = 0; i < words.length; i++) {
+			// 	var str = words[i]
+			// 	for (var j = 0; j < str.length; j++ ) {
+			// 		if ([words][i][j] == [words][i][j].fromCharCode(160)){
+			// 			words[i][j] == ' '
+			// 		}
+			// 	}
+			// };
+		function updateText()
+		{
+
+			el.innerHTML = el.innerHTML+words[word_counter][character_counter++];
+
+
+			if(character_counter == words[word_counter].length + 1)
+			{
+				word_counter++; 	//choose a different word
+				character_counter = 0;
+
+			 //start over with the first character of the word
+				el.innerHTML = '';  //set the html to be blank
+
+				//if we're displaying the last word, go back to the first word
+				if(word_counter == words.length)
+					word_counter = 0;
+
+			}
+		}
+
+		setInterval(updateText,300);
+		}
+		updateText()
+	</script>
+
+</body>
+
+</html>
