-
Take charge!
-
+
+
Take charge!
+
+
+
+
+
+
+
+
+
+
+
diff --git a/js/script.js b/js/script.js
index 704978e..7d8b933 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,5 +1,43 @@
+
const name = document.querySelector(".name");
-function changeColor() {
- name.style.color = "blue";
+// I commented the following line out by putting '//' at the start of the line.
+//console.log(document);
+
+// red, green, blue, yellow, black, white, or #ccc or #5ef21d
+function changeColor(color) {
+ name.style.color = color;
+}
+
+function changeWeight() {
+ let weight;
+ if (name.style.fontWeight == 'bold') {
+ weight = 'normal';
+ } else {
+ weight = 'bold';
+ }
+ name.style.fontWeight = weight;
+}
+
+// normal or small-caps
+function changeVariant() {
+ let variant;
+ if (name.style.fontVariant == 'small-caps') {
+ variant = 'normal';
+ } else {
+ variant = 'small-caps';
+ }
+ name.style.fontVariant = variant;
+}
+
+// normal, italic, or oblique
+function changeStyle() {
+ let style;
+ if (name.style.fontStyle == 'italic') {
+ style = 'normal';
+ } else {
+ style = 'italic';
+ }
+ console.log('style = ', style);
+ name.style.fontStyle = style;
}