Добавил:
Katynska
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:
html
<!DOCTYPE html>
<html>
<head>
<title>Вычисления с объектом "Circle"</title>
</head>
<body>
<div>
<label for="radiusInput">Введите радиус круга: </label>
<input type="number" id="radiusInput">
<button onclick="calculateCircle()">Вычислить</button>
</div>
<div id="results"></div>
<script>
class Circle {
constructor(radius) {
this.radius = radius;
}
calculateCircumference() {
return 2 * Math.PI * this.radius;
}
calculateArea() {
return Math.PI * Math.pow(this.radius, 2);
}
}
function calculateCircle() {
const radiusInput = document.getElementById("radiusInput");
const radius = parseFloat(radiusInput.value);
if (!isNaN(radius)) {
const myCircle = new Circle(radius);
const circumference = myCircle.calculateCircumference();
const area = myCircle.calculateArea();
const resultsDiv = document.getElementById("results");
resultsDiv.innerHTML = `
<p>Радиус: ${radius}</p>
<p>Длина окружности: ${circumference}</p>
<p>Площадь круга: ${area}</p>
`;
} else {
alert("Пожалуйста, введите корректное значение радиуса.");
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Вычисления с объектом "Circle"</title>
</head>
<body>
<div>
<label for="radiusInput">Введите радиус круга: </label>
<input type="number" id="radiusInput">
<button onclick="calculateCircle()">Вычислить</button>
</div>
<div id="results"></div>
<script>
class Circle {
constructor(radius) {
this.radius = radius;
}
calculateCircumference() {
return 2 * Math.PI * this.radius;
}
calculateArea() {
return Math.PI * Math.pow(this.radius, 2);
}
}
function calculateCircle() {
const radiusInput = document.getElementById("radiusInput");
const radius = parseFloat(radiusInput.value);
if (!isNaN(radius)) {
const myCircle = new Circle(radius);
const circumference = myCircle.calculateCircumference();
const area = myCircle.calculateArea();
const resultsDiv = document.getElementById("results");
resultsDiv.innerHTML = `
<p>Радиус: ${radius}</p>
<p>Длина окружности: ${circumference}</p>
<p>Площадь круга: ${area}</p>
`;
} else {
alert("Пожалуйста, введите корректное значение радиуса.");
}
}
</script>
</body>
</html>