diff --git a/Practice/NodeListsAndOtherLists/main.html b/Practice/NodeListsAndOtherLists/main.html
index b3c553f..aa491c4 100644
--- a/Practice/NodeListsAndOtherLists/main.html
+++ b/Practice/NodeListsAndOtherLists/main.html
@@ -16,10 +16,27 @@
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
font-style: italic;
}
+ .textone{
+ font-style: italic;
+ font-weight: bold;
+ font-size: 5ch;
+ color: red;
+ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+ text-decoration: underline;
+ }
+ .texttwo{
+ font-style:initial;
+ font-weight: bold;
+ text-decoration: wavy;
+ text-shadow: 3px 3px 3px blue;
+ font-size: 5ch;
+ color: yellow;
+ font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+ }
-
-
+
+
diff --git a/Practice/NodeListsAndOtherLists/script.js b/Practice/NodeListsAndOtherLists/script.js
index d30586f..3680222 100644
--- a/Practice/NodeListsAndOtherLists/script.js
+++ b/Practice/NodeListsAndOtherLists/script.js
@@ -30,4 +30,14 @@ buttons.forEach(button =>{
});
//CLASSLISTS
-//https://youtu.be/lfmg-EJ8gm4?si=-VAntMYmkAuzoruJ&t=35022
+
+var buttone = document.getElementById("buttonone");
+buttone.classList.add("textone"); //add class
+
+buttone.classList.remove("mybutton"); //remove class
+
+buttone = document.getElementById("buttontwo");
+
+buttone.addEventListener("mouseover", event =>{
+ buttone.classList.toggle("texttwo"); //toggle will add if the class is not there and remove if it is there
+});