zachgoll/first-js.js

## first-js.js
// This is a JavaScript comment.  It doesn't affect the code at all
// Here, we are selecting the <body></body> HTML tag
const htmlBody = document.querySelector("body");

// This is a function
const randomClickFunction = function () {
  // This is an array of color codes.
  const colors = ["#002942", "#0CA7DB", "#F56C05", "#DB3E00", "purple"];

  // This will calculate a random "index" that we can use to select a color in the array
  const randomIndex = Math.floor(Math.random() * colors.length);

  // We are selecting a single value from our "colors" array above
  const randomColor = colors[randomIndex];

  // We are setting the webpage background our random color
  htmlBody.style.backgroundColor = randomColor;

  // We are printing a message to the console
  console.log("The user clicked and turned the background" + randomColor + "!");
};

// This sets an "event listener" which "listens" for click events on the webpage
htmlBody.onclick = randomClickFunction;
	// This is a JavaScript comment. It doesn't affect the code at all
	// Here, we are selecting the <body></body> HTML tag
	const htmlBody = document.querySelector("body");

	// This is a function
	const randomClickFunction = function () {
	// This is an array of color codes.
	const colors = ["#002942", "#0CA7DB", "#F56C05", "#DB3E00", "purple"];

	// This will calculate a random "index" that we can use to select a color in the array
	const randomIndex = Math.floor(Math.random() * colors.length);

	// We are selecting a single value from our "colors" array above
	const randomColor = colors[randomIndex];

	// We are setting the webpage background our random color
	htmlBody.style.backgroundColor = randomColor;

	// We are printing a message to the console
	console.log("The user clicked and turned the background" + randomColor + "!");
	};

	// This sets an "event listener" which "listens" for click events on the webpage
	htmlBody.onclick = randomClickFunction;