7️⃣ 자바 스크립트 - > 10진수를 2진수 8진수 16진수로 변환

728x90

변환법 ->

.toString(x진수)

예제 코드

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

10진수 -> 2진수 8진수 16진수 변환
<br>
10진수 : <input type="text" id="num" size="20">                 <!-- 10진수 입력란 -->
<button type="button" onclick="func()">변환</button>			  <!--  함수 동작 버튼  -->
<br><br>
결과 : <p id="result"></p> 									  <!-- 결과 출력 문장 (오브젝트 전체를 갖고옴)  -->

<script type="text/javascript">

function func(){											  <!-- 진수 변환 함수 -->
	let num = parseInt(document.getElementById("num").value); //id가 num(text)에 입력한 숫자(value)값을 num에 이동
	//alert(num+1); 확인용
	
	let num2 = num.toString(2); //2진수 변환                                          //변수 num에 담긴 값을 변환
	let num8 = num.toString(8); //8진수 변환
	let num16 = num.toString(16); //16진수 변환
	
	let pObj = document.getElementById("result");             //id가 result - 변수 pObj 연결
	
	let result = '2진수: '+ num2 + '8진수: ' + num8 + "16진수 : " + num16;  // result라는 변수에 진수로 변환된 숫자 모두담기
	pObj.innerHTML = result;								  //result에 담긴 진수를 pObj.innerHTML로 출력
	
}

</script>

</body>
</html>

저작자표시 (새창열림)

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

9️⃣ 자바 스크립트 - CSS를 적용시키는 버튼함수 (0)	2021.03.03
8️⃣ 자바 스크립트 - Id, class, name 차이와 접근 방법 (0)	2021.03.03
6️⃣ 자바 스크립트 - 문자/문자열 찾기, 갖고오기 (indexOf, slice 등) (0)	2021.03.03
자바 스크립트 기초 문제/풀이 - 1️⃣ 📝 (0)	2021.03.02
5️⃣ 자바 스크립트 Date (0)	2021.03.02

👨‍💻 코딩 도서관

7️⃣ 자바 스크립트 - > 10진수를 2진수 8진수 16진수로 변환

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

댓글

티스토리툴바

7️⃣ 자바 스크립트 - > 10진수를 2진수 8진수 16진수로 변환

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

관련글

댓글

티스토리툴바