Если нажать на 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)!
Вот пример кода на 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 в ширину и высоту.