Be a groovy man by positive thinking
UI/UX_011 본문
간단정리
1. 코드실행 함수
1)eval(String)
- String을 자바스크립트 코드로 실행합니다.
2.숫자확인 함수
1)isFinite()
- number가 무한한 값인지 확인합니다.
2)isNaN()
- number가 NaN인지 확인합니다.
3. 숫자 변환함수
1)parseInt(string)
- string을 정수로 바꾸어 줍니다.
2)parseFloat(string)
- string을 유리수로 바꾸어 줍니다.
4. 진수 -> 숫자
1)toString()
예문
Ex_01 300이 나오게 하시오
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var v1 = "var a=100";
document.write(a + 200); // 300
</script>
</body>
</html>
Sol_01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var v1 = "var a=100";
eval(v1);
document.write(a + 200); // 300
</script>
</body>
</html>
Ex_02 here을 완성하여 입력한 함수가 호출되게 하시오
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function f1() {
alert("홍길동");
}
function f2() {
alert("김길동");
}
function f3() {
//here
}
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="함수호출" id="buttonTag" onclick="f3()">
</body>
</html>
Sol_02
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function f1() {
alert("홍길동");
}
function f2() {
alert("김길동");
}
function f3() {
eval(txt.value + "()");
}
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="함수호출" id="buttonTag" onclick="f3()">
</body>
</html>
Ex_03 숫자인지 문자인지 도출하는 소스코드를 작성하시오
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function f() {
alert("문자");
alert("숫자");
}
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="숫자문자열조사" id="buttonTag" onclick="f()">
</body>
</html>
Sol_03
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function f() {
if( isNaN(txt.value)){
alert("문자");
}
else{
alert("숫자");
}
}
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="숫자문자열조사" id="buttonTag" onclick="f()">
</body>
</html>
Ex_04 공백도 조사하시오
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function f() {
if( isNaN(txt.value)){
alert("문자");
}
else{
alert("숫자");
}
}
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="숫자문자열조사" id="buttonTag" onclick="f()">
</body>
</html>
Sol_04
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function f() {
if (!txt.value.trim())
alert("공백");
else if (isNaN(txt.value))
alert("문자");
else
alert("숫자");
}
</script>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="숫자문자열조사" id="buttonTag" onclick="f()">
</body>
</html>
Ex_05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var a = "100";
//here
</script>
</body>
</html>
Sol_05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var a = "100";
document.write(typeof Number(a));
</script>
</body>
</html>
Ex_06 here을 완성하여 버튼을 누르면 10진수를 2진수 8진수 16진수로 출력될 수 있게하는 소스를 만드세요
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
//herer
</script>
</head>
<body>
<h1>10진수를 입력하세요~</h1>
<input type="text" id="txt1"><br />
<input type="button" value="2진수로변환" id="b1">
<input type="button" value="8진수로변환" id="b2">
<input type="button" value="16진수로변환" id="b3">
<br />
<input type="text" id="txt2">
</body>
</html>
Sol_06_01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
window.onload = function() {
b1.onclick = f;
b2.onclick = f;
b3.onclick = f;
}
function f() {
var str = "";
switch (this.id) {
case "b1":
str = Number(txt1.value).toString(2);
break;
case "b2":
str = Number(txt1.value).toString(8);
break;
case "b3":
str = Number(txt1.value).toString(16);
break;
}
txt2.value = str;
}
</script>
</head>
<body>
<h1>10진수를 입력하세요~</h1>
<input type="text" id="txt1">
<br />
<input type="button" value="2진수로변환" id="b1">
<input type="button" value="8진수로변환" id="b2">
<input type="button" value="16진수로변환" id="b3">
<br />
<input type="text" id="txt2">
</body>
</html>
Sol_06_02
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
window.onload=function(){
b1.onclick=f1;
b2.onclick=f2;
b3.onclick=f3;
}
function f1(){
txt2.value=eval(txt1.value).toString(2);
}
function f2(){
txt2.value=eval(txt1.value).toString(8);
}
function f3(){
txt2.value=eval(txt1.value).toString(16);
}
</script>
</head>
<body>
<h1>10진수를 입력하세요~</h1>
<input type="text" id="txt1"><br />
<input type="button" value="2진수로변환" id="b1">
<input type="button" value="8진수로변환" id="b2">
<input type="button" value="16진수로변환" id="b3">
<br />
<input type="text" id="txt2">
</body>
</html>
'IT > _HTML_CSS_JS' 카테고리의 다른 글
| UI/UX_012 (0) | 2017.07.18 |
|---|---|
| UI/UX_HTML,CSS 깜짝퀴즈 (0) | 2017.07.17 |
| UI/UX_010 (0) | 2017.07.13 |
| UI/UX_009 (0) | 2017.07.12 |
| UI/UX_008 (0) | 2017.07.10 |