HTML, JAVASCRIPT
javascript - 반지름 값을 입력 받아 원의 둘레 구하기
스노위13
2022. 5. 12. 17:44
문제
사용자로부터 fn_prompt() 함수로 반지름을 입력 받아서 원의 둘레를 구하는 함수를 작성하세요.
조건
1. 원 둘레를 계산하기 위해서 파이 값(3.141592653)을 상수로 선언하기
2. 사용자로부터 fn_prompt()으로 입력받은 값과 상수 값으로 결과값을 계산하여 let 변수에 담기
3. toFixed()사용하여 원의 둘레를 소수점 2번째 자리까지 나타내기
코드
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>result_Circle</title> | |
| <script> | |
| function fn_prompt() { | |
| let ret = prompt("반지름을 입력해 주세요", 0); | |
| const pi = 3.141592653; | |
| let result = pi * 2 * ret; | |
| // (원 둘레 구하는 공식 : 사용자로부터 입력받은 반지름 값 * 2 * 상수로 선언된 파이 값 ) | |
| let fixedResult = result.toFixed(2); | |
| //.toFixed()안에 숫자 2를 넣어서 소수점 2번째 자리까지 나타낼 수 있게 함 | |
| if(ret == null) { | |
| alert("취소하였습니다."); | |
| //취소를 눌렀을 때 | |
| } | |
| else if(ret == "") { | |
| alert("입력값이 없습니다."); | |
| //값을 입력하지 않았을 때 | |
| } | |
| else { | |
| document.getElementById("div_1").textContent = "둘레는 " + fixedResult + "입니다."; | |
| //정상적인 값을 입력하였을 때 | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <h3> 반지름을 받아 원의 둘레 구하기</h3> | |
| <hr> | |
| <input type="button" onclick="javascript:fn_prompt()" value="fn_prompt"> | |
| <div id="div_1"> | |
| </div> | |
| </body> | |
| </html> |
입력받는 팝업창
결과 화면