반응형
1. 프로그램 소스
기본 번호를 입력하고 웹 양식을 사용하여 지정된 한계까지
전력을 계산할 수 있는 간단한 HTML 및 자바스크립트 프로그램이 있습니다
<!DOCTYPE html>
<html>
<head>
<title>Power Calculator</title>
</head>
<body>
<h1>Power Calculator</h1>
<form id="power-form">
<label for="base">Enter the base number:</label>
<input type="number" id="base" step="any" required>
<br>
<label for="limit">Enter the limit for powers:</label>
<input type="number" id="limit" required>
<br>
<button type="submit">Calculate Powers</button>
</form>
<div id="result"></div>
<script>
document.getElementById("power-form").addEventListener("submit", function(event) {
event.preventDefault();
const base = parseFloat(document.getElementById("base").value);
const limit = parseInt(document.getElementById("limit").value);
if (!isNaN(base) && !isNaN(limit)) {
const resultDiv = document.getElementById("result");
resultDiv.innerHTML = "<p>Powers:</p>";
for (let exponent = 0; exponent <= limit; exponent++) {
const power = Math.pow(base, exponent);
resultDiv.innerHTML += `${base}^${exponent} = ${power}<br>`;
}
}
});
</script>
</body>
</html>2. 프로그램 결과물
이 프로그램은 기본 번호와 파워의 한계를 입력할 수 있는 웹 양식을 작성하여 제출하면 기본 번호의 파워를 계산하여 웹 페이지에 표시해 줍니다.
이 프로그램을 사용하려면:
위의 코드를 복사하여 HTML 파일(예: power_calulator.html)로 저장합니다.
1. 웹 브라우저에서 HTML 파일을 엽니다.
2. 양식 필드에 기본 번호와 검정력 한계를 입력합니다.
3. "Calulate Powers"(전력 계산) 버튼을 클릭합니다.
반응형
'IT > programming' 카테고리의 다른 글
| 프로그램 코드분석에 빠지다. - 1장 (0) | 2023.09.25 |
|---|---|
| 윈도우 에서 PHP 환경 설치 및 셋팅하기 - Apache 편 (0) | 2023.09.19 |
| Import "selenium" could not be resolved Pylance error (0) | 2023.09.18 |
| 무료이미지 자동 다운로드 api (0) | 2023.09.17 |
| 깃허브 사용법 직장인 필수과제 (0) | 2023.09.17 |