Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.09.2022, 01:58
Новичок на форуме
Отправить личное сообщение для andrew2214 Посмотреть профиль Найти все сообщения от andrew2214
 
Регистрация: 01.09.2022
Сообщений: 2

Нужно сделать кнопку с функцией изменения размера картинки с 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"}
Ответить с цитированием
  #2 (permalink)  
Старый 01.09.2022, 08:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

andrew2214,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно реализовать верстку и front end, под определенные экраны нужно сделать cms playsintez Работа 7 20.07.2018 16:21
Ищу плагин jQuery для визуального изменения размера картинки FRIE jQuery 4 02.09.2012 23:22
У слайд-карусели нужно сделать меню с отображением номера картинки Юрий7777 Элементы интерфейса 1 01.09.2012 10:19
нужно, чтоб Div менялся в зависимости от размера картинки bazilio2010 Элементы интерфейса 7 10.10.2011 22:36
Скрипт, изменения размера картинки soniclord Элементы интерфейса 14 28.10.2008 16:38