Проблема в том, что, пока я не выберу градус или один какой-то цвет в палитре, кнопка "Рандомный цвет" и "Скопировать" не работают. Как это исправить?
Тут можно посмотреть как это работает
document.querySelector('.wrapper').addEventListener('input', function () {
let inp1 = document.querySelector('.inp1');
let inp2 = document.querySelector('.inp2');
let box = document.querySelector('.box');
let deg = document.querySelector('.deg');
let degOut = document.querySelector('.out');
let btnRandomColor = document.querySelector('.btn-random');
let copyColor = document.querySelector('.btn-copy')
let gradient = 'linear-gradient(' + deg.value + 'deg, ' + inp1.value + ', ' + inp2.value + ')';
degOut.innerHTML = deg.value
box.style.background = gradient;
btnRandomColor.onclick = function () {
let letters = '123456789abcdef'
let color1 = '#'
let color2 = '#'
for (let i = 0; i < 6; i++) {
color1 += letters[Math.floor(Math.random() * 16)]
}
for (let i = 0; i < 6; i++) {
color2 += letters[Math.floor(Math.random() * 16)]
}
inp1.value = color1
inp2.value = color2;
deg.value = Math.floor(Math.random() * 361);
degOut.innerHTML = deg.value;
gradient = 'linear-gradient(' + deg.value + 'deg, ' + inp1.value + ', ' + inp2.value + ')';
box.style.background = gradient;
}
copyColor.onclick = function () {
let succes = document.querySelector('.succes');
let copytext = document.createElement('input');
copytext.value = gradient;
document.body.appendChild(copytext);
copytext.select();
document.execCommand('copy');
document.body.removeChild(copytext);
succes.classList.add('succes_active');
setTimeout(function () {
succes.classList.remove('succes_active');
}, 1500)
}
})