1. 더하기 역할의 함수 만들기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>함수</title>
<script>
function adder(a,b){
return a + b;
}
</script>
</head>
<body>
<h1>함수 adder()</h1>
<hr>
<script>
let a = 24567;
let b = 98374;
n = adder(a,b);
document.write(a +"+" + b +"는 "+adder(a,b));
</script>
</body>
</html>2. javascript의 전역함수 (eval(), parseInt(), isNaN()) 사용하기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>자바스크립트 전역함수</title>
</head>
<body>
<h1>eval(), parseInt(), isNaN()</h1>
<hr>
<script>
document.write("eval(\"2*3+4*6\")는 "+ eval("2*3+4*6")+"<br>");
document.write("parseInt(\"32\")는 "+ parseInt("32")+"<br>");
document.write("parseInt(\"0x32\")는 " + parseInt("0x32")+"<br>");
if(isNaN("hello")){
document.write("hello는 숫자가 아닙니다.");
}
</script>
</body>
</html>3. 구구단 출력 함수 구현
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>함수 만들기</title>
<script>
function gugudan(a){
for(let i = 1;i<=9;i++){
document.write(a + "x" + i + "=" + a*i + "<br>");
}
}
</script>
</head>
<body>
<h1>구구단 출력 함수 만들기</h1>
<hr>
<script>
let n = prompt("구구단 몇 단을 원하세요?");
gugudan(n);
</script>
</body>
</html>4. 가장 큰 자리수와 가장 낮은 자리수 같은지 비교
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>큰자리수와 낮은자리수</title>
<script>
function same(n){
let biggest = 0;
let smallest = 0;
smallest = n %10;
let a= n;
while(true){
a = Math.floor(a/10);
if(a<10){
biggest = a;
break;
}
}
if(smallest == biggest){
return true;
}
else{
return false;
}
}
</script>
</head>
<body>
<h1>큰 자리수와 낮은 자리수 같은지 비교</h1>
<hr>
<script>
let num = prompt("숫자 입력");
num = parseInt(num);
if(same(num)){
document.write(num + ": 같음");
}
else{
document.write(num + ": 다름");
}
</script>
</body>
</html>5. eval()로 수식 계산하기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>eval()로 수식 계산</title>
</head>
<body>
<script>
let sentence = prompt("수식 입력");
let result = eval(sentence);
document.write(sentence +" = " + result);
</script>
</body>
</html>6. 별 문자 출력하기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>별문자 출력하기</title>
<script>
function printstar(n){
for(let i =1;i<=n;i++){
for(let j =1;j<=i;j++){
document.write("*");
}
document.write("<br>")
}
}
</script>
</head>
<body>
<h1>별 문자 출력하기</h1>
<hr>
<script>
let a = prompt("정수를 입력하세요.");
a = parseInt(a);
if(!isNaN(a)){
printstar(a);
}
else{
document.write("입력 오류입니다.");
}
</script>
</body>
</html>'CS Study > Javascript' 카테고리의 다른 글
| 6. 이벤트 객체 (1) - 마우스 핸들링 (0) | 2022.04.08 |
|---|---|
| 5. DOM / document 객체 (0) | 2022.04.08 |
| 4. 배열과 객체 (0) | 2022.04.08 |
| 2. 조건문 / 반복문 (0) | 2022.04.08 |
| 1. 데이터 타입과 변수 / 연산 (0) | 2022.04.08 |