Если нажать на 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)!

1 Окт 2019 в 05:42
246 +1
0
Ответы
1

Вот пример кода на Javascript, который будет увеличивать ширину и высоту красного квадрата на 1px при каждом клике на элемент с id "go":

document.getElementById("go").addEventListener("click", function() {
var p = document.querySelector(".p");
var currentWidth = parseFloat(p.style.width) || 100;
var currentHeight = parseFloat(p.style.height) || 100;
p.style.width = (currentWidth + 1) + "px";
p.style.height = (currentHeight + 1) + "px";
});

Необходимо добавить следующий HTML код:

<p class="p"></p>
<p id="go">GO</p>

Теперь каждый раз при клике на элемент с id "go" красный квадрат будет увеличиваться на 1px в ширину и высоту.

19 Апр 2024 в 18:49
Не можешь разобраться в этой теме?
Обратись за помощью к экспертам
Гарантированные бесплатные доработки в течение 1 года
Быстрое выполнение от 2 часов
Проверка работы на плагиат
Поможем написать учебную работу
Прямой эфир