Конечно! Вот пример того, как создать калькулятор объема на JavaScript, который можно использовать онлайн:
<!DOCTYPE html>
<html>
<head>
<title>Volume Calculator</title>
</head>
<body>
<h1>Volume Calculator</h1>
<p>Please enter the dimensions of the shape you want to calculate:</p>
<form>
<label for=»shape»>Select a shape:</label>
<select id=»shape» onchange=»selectShape()»>
<option value=»cube»>Cube</option>
<option value=»sphere»>Sphere</option>
<option value=»cylinder»>Cylinder</option>
</select>
<br><br>
<div id=»dimensions»>
<label for=»length»>Length:</label>
<input type=»number» id=»length» name=»length»><br><br>
<label for=»width»>Width:</label>
<input type=»number» id=»width» name=»width»><br><br>
<label for=»height»>Height:</label>
<input type=»number» id=»height» name=»height»><br><br>
<button type=»button» >
</div>
</form>
<div id=»result»></div>
<script>
function selectShape() {
var shape = document.getElementById(«shape»).value;
var dimensions = document.getElementById(«dimensions»);
if (shape == «cube») {
dimensions.innerHTML = `
<label for=»length»>Length:</label>
<input type=»number» id=»length» name=»length»><br><br>
`;
} else if (shape == «sphere») {
dimensions.innerHTML = `
<label for=»radius»>Radius:</label>
<input type=»number» id=»radius» name=»radius»><br><br>
`;
} else if (shape == «cylinder») {
dimensions.innerHTML = `
<label for=»radius»>Radius:</label>
<input type=»number» id=»radius» name=»radius»><br><br>
<label for=»height»>Height:</label>
<input type=»number» id=»height» name=»height»><br><br>
`;
}
}
function calculateVolume() {
var shape = document.getElementById(«shape»).value;
var result = document.getElementById(«result»);
if (shape == «cube») {
var length = document.getElementById(«length»).value;
var volume = length * length * length;
result.innerHTML = `The volume of the cube is ${volume}.`;
} else if (shape == «sphere») {
var radius = document.getElementById(«radius»).value;
var volume = (4/3) * Math.PI * Math.pow(radius, 3);
result.innerHTML = `The volume of the sphere is ${volume.toFixed(2)}.`;
} else if (shape == «cylinder») {
var radius = document.getElementById(«radius»).value;
var height = document.getElementById(«height»).value;
var volume = Math.PI * Math.pow(radius, 2) * height;
result.innerHTML = `The volume of the cylinder is ${volume.toFixed(2)}.`;
}
}
</script>
</body>
</html>
Этот код создает простую HTML-форму с выпадающим меню для выбора формы для расчета объема. Затем пользователь может ввести размеры выбранной формы и нажать кнопку, чтобы рассчитать объем. Код JavaScript использует условные операторы для определения выбранной формы и соответствующей формулы для вычисления
Please enter the dimensions of the shape you want to calculate:
`; } else if (shape == "sphere") { dimensions.innerHTML = `
`; } else if (shape == "cylinder") { dimensions.innerHTML = `
`; } } function calculateVolume() { var shape = document.getElementById("shape").value; var result = document.getElementById("result"); if (shape == "cube") { var length = document.getElementById("length").value; var volume = length * length * length; result.innerHTML = `The volume of the cube is ${volume}.`; } else if (shape == "sphere") { var radius = document.getElementById("radius").value; var volume = (4/3) * Math.PI * Math.pow(radius, 3); result.innerHTML = `The volume of the sphere is ${volume.toFixed(2)}.`; } else if (shape == "cylinder") { var radius = document.getElementById("radius").value; var height = document.getElementById("height").value; var volume = Math.PI * Math.pow(radius, 2) * height; result.innerHTML = `The volume of the cylinder is ${volume.toFixed(2)}.`; } }
Уникальность текста Большинство текстов, написанных на определенную тематику, так или иначе повторяют в какой-то мере…
Чтобы добавить изображение в HTML, вы можете использовать тег <img>. Вот пример того, как добавить…
Конечно! Вот несколько примеров SQL-запросов, которые вы можете использовать: Оператор SELECT: используется для извлечения данных…
Вот базовый HTML-шаблон для готового веб-сайта: <!DOCTYPE html> <html lang="en"> <голова> <мета-кодировка="UTF-8"> <название>Мой веб-сайт</title> <ссылка…
HTML-код для ссылки выглядит следующим образом: <a href="http://www.example.com ">Текст ссылки</a> Атрибут href указывает URL…
Цветовые коды HTML - это шестнадцатеричные значения, которые представляют цвета, используемые в веб-дизайне и…