i want to add a button that generates random linear-gradients at the background. The code below generates linear gradients when i click on one button or the other.
var color1 = document.querySelector(".color1");
var color2 = document.querySelector(".color2");
var gradient = document.querySelector("body");
var css=document.querySelector("h3");
var random = document.getElementById("random")
css.textContent = gradient.style.background = "linear-gradient(to right," + color1.value + "," + color2.value +")";
function setBackground(){
gradient.style.background = "linear-gradient(to right," +
color1.value + "," + color2.value +")";
css.textContent = gradient.style.background + ";"
}
color1.addEventListener("input", setBackground);
color2.addEventListener("input", setBackground);
Aucun commentaire:
Enregistrer un commentaire