
Если нажать на GO появиться красный квадрат - jQuery(document).ready(function($){ $( "#go"
).click(function() { var p = $( ".p" ); p.css({ "backgroundColor": "#ec0d0d","width": "110px","height": "110px" }); }); }); <p class="p"></p> <p id="go">GO</p> А мне надо чтобы на goplus каждый раз этот квадрат становился больше на 1px и до бесконечность (Javaskript)!

Ответы на вопрос

HTML
<body>
<input id="go" type="button" value="GO">
<input id="go_plus" type="button" value="GoPlus">
<div id="kvadrat"></div>
</body>
jQuery
$(function() {
var kvadrat = $('#kvadrat');
$('#go').click(function() {
kvadrat.css({"background-color": "red", "width": "110px", "height": "110px"});
});
$('#go_plus').click(function() {
kvadrat.css({'width': "+=1px", 'height':"+=1px"});
});
});



Для достижения желаемого результата, вы можете изменить код, чтобы каждый раз при клике на элемент "GO" квадрат становился больше на 1 пиксель. Для этого можно использовать JavaScript. Вот пример кода:
HTML:
html<div class="square" style="background-color: #ec0d0d; width: 110px; height: 110px;"></div>
<p id="go">GO+</p>
JavaScript:
javascriptdocument.addEventListener("DOMContentLoaded", function() {
var square = document.querySelector(".square");
var goButton = document.getElementById("go");
var currentSize = 110; // начальный размер квадрата
goButton.addEventListener("click", function() {
currentSize += 1; // увеличиваем текущий размер на 1 пиксель
square.style.width = currentSize + "px";
square.style.height = currentSize + "px";
});
});
Этот код добавляет слушатель события на кнопку "GO+", и каждый раз при клике на нее, размер квадрата будет увеличиваться на 1 пиксель. Таким образом, квадрат будет расти до бесконечности при каждом последующем клике на кнопку.


Топ вопросов за вчера в категории Информатика









Последние заданные вопросы в категории Информатика
-
Математика
-
Литература
-
Алгебра
-
Русский язык
-
Геометрия
-
Английский язык
-
Химия
-
Физика
-
Биология
-
Другие предметы
-
История
-
Обществознание
-
Окружающий мир
-
География
-
Українська мова
-
Информатика
-
Українська література
-
Қазақ тiлi
-
Экономика
-
Музыка
-
Право
-
Беларуская мова
-
Французский язык
-
Немецкий язык
-
МХК
-
ОБЖ
-
Психология
-
Физкультура и спорт
-
Астрономия
-
Кыргыз тили
-
Оʻzbek tili