Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Помогите сделать задание с js

Никита Першев Ученик (232), на голосовании 1 год назад
1)Из JavaScript создайте страницу с кнопкой. Через Java Script добавьте на кнопку надпись “1”. При каждом нажатии на кнопку число должно увеличиваться на 1. 2)Из JavaScript создайте страницу с квадратным блоком. При нажатии на блок он должен превращаться в круг. При повторном нажатии снова становиться квадратом.
Голосование за лучший ответ
NAUM Профи (876) 1 год назад
Для первого задания вам нужно создать кнопку с атрибутом id и добавить к ней обработчик события onclick, который будет увеличивать значение атрибута value на 1 при каждом нажатии. Например:

<button id="counter" value="1">1</button>
<script>
var counter = document.getElementById("counter");
counter.onclick = function() {
counter.value++;
counter.innerHTML = counter.value;
};
</script>
Для второго задания вам нужно создать блок div с атрибутом id и добавить к нему обработчик события onclick, который будет менять значение свойства border-radius между 0 и 50% при каждом нажатии. Например:

<div id="block" style="width:100px; height:100px; background-color:red;"></div>
<script>
var block = document.getElementById("block");
var isCircle = false;
block.onclick = function() {
if (isCircle) {
block.style .borderRadius = "0%";
isCircle = false;
} else {
block.style .borderRadius = "50%";
isCircle = true;
}
};
</script>
Яков Гото Искусственный Интеллект (320906) 1 год назад
Уже делал, учись искать по открытым вопросам.
 const body = document.querySelector('body'),    // Элемент страницы
button = document.createElement('input'), // Кнопка с цифрой
square = document.createElement('div'); // Квадрат

button.type = 'submit'; // Тип кнопки
button.value = '1'; // Стартовое значение кнопки
square.style.background = '#252585'; // Покраска квадрата/круга
square.style.width = '100px'; // Ширина квадрата/круга
square.style.height = '100px'; // Высота квадрата/круга

body.append(button); // Вставка кнопки с цифрой
body.append(square); // Вставка квадрата/круга

// Событие клика по кнопке будет прибавлять единицу к существующему значению

button.addEventListener('click', (event) => {
event.target.value++;
})

// Событие клика по квадрату/кругу будет менять форму фигуры

square.addEventListener('click', (event) => {
let radius = parseInt(getComputedStyle(event.target).borderRadius);
event.target.style.borderRadius = (radius === 0) ? '50%' : '0';
})
Похожие вопросы