Нужно сделать кнопку с функцией изменения размера картинки с 400px до 100px
Помогите плиз, каким способом привязать к кнопке функцию
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Воркшоп - Тестирование</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="kvadrat"></div> <button id="knopka">Нажми на меня</button> <button id="razmer">Размер</button> <script src="script.js"></script> </body> </html> knopka = document.querySelector("button"); knopka.innerText = "Сlick me"; knopka.style.background = "purple" kvadrat = document.querySelector("#kvadrat") if(kvadrat.style.background == "" || kvadrat.style.background == "red" ) { kvadrat.style.background = "green" } else { kvadrat.style.background = "red" } knopka.onclick = function() { if(kvadrat.style.background == "" || kvadrat.style.background == "red" ) { kvadrat.style.background = "green" } else { kvadrat.style.background = "red" } }; razmer.style.background = "yellow" document.querySelector("#razmer") console.dir(razmer) button.onclick = function() {kvadrat.style.width == "100px"} |
andrew2214,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
| Часовой пояс GMT +3, время: 18:41. |