Есть вот такая вот фиолетовая кнопка у меня window.addEventListener('load', () => { addButton('RUN', autoclck) }) function addButton(text, onclick, cssObj) { cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'23%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3} let button = document.createElement('button'), btnStyle = button.style document.body.appendChild(button) button.innerHTML = text button.onclick = onclick Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key]) return button } Код window.addEventListener('load', () => { addButton('RUN', autoclck) }) function addButton(text, onclick, cssObj) { cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'23%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3} let button = document.createElement('button'), btnStyle = button.style document.body.appendChild(button) button.innerHTML = text button.onclick = onclick Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key]) return button } Как сделать так, что-бы после нажатия кнопки она становилась зеленой, а не фиолетовой?[/code]
Fakefakefakezzx, внизу тебе уже ответили, это должно работать. Но там костыль(цвет два раза меняется, заметна ли глазу хз), а твоя функция autoclck скорее всего отвечает за смену цвета при клике, и там в коде надо поменять цвет
window.addEventListener('load', () => { addButton('RUN', autoclck) }); function addButton(text, onclick, cssObj) { cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'23%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3} let button = document.createElement('button'), btnStyle = button.style document.body.appendChild(button) button.innerHTML = text button.onclick = onclick; button.addEventListener('click', () => { button.style.backgroundColor ='green'; }); Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key]) return button } JavaScript window.addEventListener('load', () => { addButton('RUN', autoclck) }); function addButton(text, onclick, cssObj) { cssObj = cssObj || {position: 'absolute', bottom: '95.5%', left:'23%', background: 'purple', color: 'white', width: '140px', height: '25px', 'z-index': 3} let button = document.createElement('button'), btnStyle = button.style document.body.appendChild(button) button.innerHTML = text button.onclick = onclick; button.addEventListener('click', () => { button.style.backgroundColor ='green'; }); Object.keys(cssObj).forEach(key => btnStyle[key] = cssObj[key]) return button }