제어문
- if문
- switch문
- while문
if문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel = "stylesheet" href ="../css/outStyle.css">
<style>
div{
border : 3px dashed green;
width: 500px;
height: 100px;
}
</style>
<script>
function print() {
var a = parseInt(prompt("값을 입력하세요","정수 입력"));
var c = prompt("연산자를 입력하세요","+,-,*,/");
var b = parseInt(prompt("값을 입력하세요","정수 입력"));
var sum = "";
if(c=='+'){
sum = a+b;
}else if(c=='-'){
sum = a-b;
}else if(c=='*'){
sum = a*b;
}else if(c=='/'){
sum = a/b;
}else{
alert("연산자를 잘못 입력하였습니다!");
print();
}
document.getElementsByTagName('div')[0].innerText += sum;
}
</script>
</head>
<body>
<h4> prompt를 통해 값 2개와 연산자를 입력</h4>
<button type="button" onclick="print()">출력하기</button><br>
결과
<div id="result"></div>
</body>
</html>
switch문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel = "stylesheet" href ="../css/outStyle.css">
<style>
div{
border : 3px dashed green;
width: 500px;
height: 100px;
}
</style>
<script>
function print() {
var a = parseInt(prompt("값을 입력하세요","정수 입력"));
var c = prompt("연산자를 입력하세요","+,-,*,/");
var b = parseInt(prompt("값을 입력하세요","정수 입력"));
switch(c){
case '+' : sum = a+b ; break;
case '-' : sum = a-b ; break;
case '*' : sum = a*b ; break;
case '/' : sum = a/b ; break;
}
document.getElementById('result').innerText = sum;
}
</script>
</head>
<body>
<h4> prompt를 통해 값 2개와 연산자를 입력</h4>
<button type="button" onclick="print()">출력하기</button><br>
결과
<div id="result"></div>
</body>
</html>
while
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel = "stylesheet" href ="../css/outStyle.css">
<style>
div{
border: 2px dotted green;
height : 50px;
width:50%;
margin:5px;
}
</style>
</head>
<body>
<script src="../js/for_while_ex.js"></script>
<h4>1부터 10까지 합</h4>
<input type="button" value="문제1" onclick="proc1()">
<div id="d1"></div>
<h4>1부터 200까지 짝수합(continue 이용)</h4>
<input type="button" value="문제2" onclick="proc2()">
<div id="d2"></div>
<h4>사용자 입력값 더하고 0 입력시 누적값 출력하는 프로그램</h4>
<input type="button" value="문제3" onclick="proc3()">
<div id="d3"></div>
<h4>다중for문을 이용해 1~10까지중 i와k의 합이 3배수 일때만 출력(continue)사용</h4>
<input type="button" value="문제4" onclick="proc4()">
<div id="d4"></div>
<h4>1~100까지중 2의배수이면서 3의배수인것만 출력</h4>
<input type="button" value="문제5" onclick="proc5()">
<div id="d5"></div>
<h4>두수를 입력(prompt) 두수의합이 100이상이면 출력(continue 사용, 두ㅜㅅ 모두 0이입력되면 종료)</h4>
<input type="button" value="문제6" onclick="proc6()">
<div id="d6"></div>
</body>
</html>
function proc1(){
var sum =0;
for(var i=1; i<=10; i++){
sum += i;
}
document.getElementById('d1').innerText = sum;
}
function proc2(){
var sum = 0;
for(var i=1; i<=200; i++){
if(i%2!=0){
continue;
}
sum += i;
}
document.getElementById('d2').textContent = sum;
}
function proc3(){
var sum = 0;
var str ="";
while(true){
var a = parseInt(prompt("값을 입력하세요"));
if(a==0) break;
sum+=a;
str+=a+" ";
}
var result = "입력한 값들 : "+str+"<br>";
result += "합: "+sum;
document.getElementById('d3').innerHTML = result;
}
function proc4(){
var sum =0;
for(var i=1; i<=10; i++){
for(var j=1; j<=10; j++){
if((i+j)%3!=0) {}continue;}
sum += i+"+"+j="="+(i+j)+"<br>";
}
document.getElementById('d4').innerHTML = sum;
}
}
function proc5(){
var sum =""
for(var i=1; i<=100; i++){
if(i%2 ==0 && i%3==0) sum+=i+" ";
}
document.getElementById('d5').innerHTML = sum;
}
function proc6(){
var str1 = "두수의 합이 100이상인값들 <br>";
var str2 = "두수의 합이 100이하인값들 <br>";
while(true){
var a = parsInt(prompt("첫번째 수 입력"));
var b = parsInt(prompt("두번째 수 입력"));
if(a==0&&b==0) break;
var sum = a+b;
if(sum < 100){
str2 += a+","+b+"<br>";
continue;
}
str1 += a+","+b+"<br>";
}
document.getElementById('d6').innerHTML = str1;
document.getElementById('d6').innerHTML += str2;
}
