Create script.js

script.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var available_colors = [
+  "red",
+  "yellow",
+  "green",
+  "blue",
+  "magenta",
+  "brown",
+  "black",
+  "cyan",
+  "pink",
+  "purple",
+  "orange"
+];
+var available_shapes = [
+  "square",
+  "rectangle",
+  "triangle-up",
+  "triangle-down",
+  "triangle-bottom-left",
+  "triangle-bottom-right",
+  "triangle-top-left",
+  "triangle-top-right"
+];
+
+document.getElementById("change-color").addEventListener("click", function () {
+  //math.floor gives the largest integer value that is less than or equal to that number.
+  var next_color = available_colors[Math.floor(Math.random() * 11)];
+  document.getElementsByClassName(
+    "container"
+  )[0].style.backgroundColor = next_color;
+});
+
+document.getElementById("change-shape").addEventListener("click", function () {
+  var next_shape =
+    available_shapes[Math.floor(Math.random() * available_shapes.length)];
+  document.getElementById("shaper").setAttribute("class", next_shape);
+});