コントロールゲート
49067 ワード
コントロールゲート
ドアが
<!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() {
//prompt를 통해 반환받는 값의 타입은 String
//window.prompt("필수항목","옵션항목")
var a = parseInt(prompt("값을 입력하세요","정수 입력"));
var c = prompt("연산자를 입력하세요","+,-,*,/");
var b = parseInt(prompt("값을 입력하세요","정수 입력"));
//if(a==null " "||b==null||c==null) return false;
// result영역에 출력하기
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; // ?? 그래도 이상한디....
//document.getElementById('result').innerText = sum;
// 만약 아이디가 없다면?
// 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>
スイッチドア
<!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() {
//prompt를 통해 반환받는 값의 타입은 String
//window.prompt("필수항목","옵션항목")
var a = parseInt(prompt("값을 입력하세요","정수 입력"));
var c = prompt("연산자를 입력하세요","+,-,*,/");
var b = parseInt(prompt("값을 입력하세요","정수 입력"));
// switch문
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;
// 방법1
/* for(var i=2; i<=200; i+=2){
sum += i;
} */
// 방법2
/* for(var i=1; i<=200; i++){
if(i%2==0){
sum+=i;
}
}*/
// 방법3
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("값을 입력하세요")); //String -> int 변환
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;
}
Reference
この問題について(コントロールゲート), 我々は、より多くの情報をここで見つけました
https://velog.io/@cheshirehyun/제어문
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<!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;
// 방법1
/* for(var i=2; i<=200; i+=2){
sum += i;
} */
// 방법2
/* for(var i=1; i<=200; i++){
if(i%2==0){
sum+=i;
}
}*/
// 방법3
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("값을 입력하세요")); //String -> int 변환
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;
}
Reference
この問題について(コントロールゲート), 我々は、より多くの情報をここで見つけました https://velog.io/@cheshirehyun/제어문テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol