Перейти к содержимому
Cricle radius:
50px
100px
150px
200px
250px
Circle color:
Black
Red
Yellow
Blue
Green
const circle = document.getElementById("circle"); const radiusSelect = document.getElementById("radius-select"); const colorSelect = document.getElementById("color-select"); function updateCircle() { const selectedRadius = radiusSelect.value; const selectedColor = colorSelect.value; circle.style.width = `${selectedRadius}px`; circle.style.height = `${selectedRadius}px`; circle.style.backgroundColor = selectedColor; } updateCircle(); radiusSelect.addEventListener("change", updateCircle); colorSelect.addEventListener("change", updateCircle);
Results:
Cricle radius:
50px
100px
150px
200px
250px
Circle color:
Black
Red
Yellow
Blue
Green