script.js

var css = document.querySelector("h3");
var color1 = document.querySelector(".color1");
var color2 = document.querySelector(".color2");
var body = document.getElementById("gradient");

// body.style.background = "red"; (syntax for changing background color for body element)

const randomButton = document.getElementById("random-button");

function setGradient() {
	body.style.background = 
	"linear-gradient(to right, " 
	+ color1.value
	+ ", " 
	+ color2.value
	+ ")";

	css.textContent = body.style.background + ";";
}

function getRandomColor() {
  const randomColor = Math.floor(Math.random() * 16777215).toString(16);
  return randomColor;
}

randomButton.addEventListener("click", () => {
	const randomColor1 = Math.floor(Math.random() * 16777215).toString(16);
	const randomColor2 = Math.floor(Math.random() * 16777215).toString(16);
	color1.value = "#" + randomColor1;
	color2.value = "#" + randomColor2;
	setGradient();
});

color1.addEventListener("input", setGradient);

color2.addEventListener("input", setGradient);