Question

Создайте проект, в котором событие click для кнопки установит размеры 120х80, исчисления площади прямоугольника, и нарисует прямоугольник черного цвета. запишите соответствующий фрагмент программы и результаты ее тестирования

Answer 1

Хорошо, вот фрагмент программы на языке JavaScript:

```html







Нарисовать прямоугольник



```

В этом проекте использован тег ``, который позволяет рисовать графические элементы на веб-странице. При клике на кнопку "Нарисовать прямоугольник" вызывается функция `drawRectangle()`, которая выполняет необходимые действия.

1. Получаем элемент `` с помощью `document.getElementById("myCanvas")` и создаем контекст рисования `ctx` для него.
2. Устанавливаем размеры прямоугольника с помощью `canvas.width = 120` и `canvas.height = 80`.
3. Очищаем холст с помощью `ctx.clearRect(0, 0, canvas.width, canvas.height)`. Это необязательное действие, но оно помогает избежать наложения прямоугольников при последовательных кликах на кнопку.
4. Рисуем прямоугольник с помощью `ctx.rect(0, 0, canvas.width, canvas.height)`. Параметры функции `rect` указывают координаты и размеры прямоугольника.
5. Заполняем прямоугольник черным цветом с помощью `ctx.fillStyle = "black"` и `ctx.fill()`.
6. Заканчиваем рисование с помощью `ctx.closePath()`.

После вставки данного кода в HTML-документ, при клике на кнопку "Нарисовать прямоугольник" на странице будет отображаться черный прямоугольник размерами 120х80.

Я рекомендую записать этот код в отдельный HTML-файл, открыть его в веб-браузере и проверить, что прямоугольник корректно отображается после клика на кнопку.