221028 JS 기본 사용법/ 연산자(산술, 복합 대입)

*document.write  vs  console.log

document.write는 브라우저에 출력하며 확인하기 좋음.

console.log는 개발자모드에서 디버깅(버그 찾기)하기에 좋음.

document.write('Hello, World!');
console.log('Hello, World!');

 

 

*prompt는 사용자에게 입력값을 받음.

parseInt는 사용자에게 받은 입력값을 숫자로 받음.

let kor = parseInt(prompt('국어 점수'));
let eng = parseInt(prompt('영어 점수'));

let sum = kor + eng;

document.write('점수 합계 : ' + sum);

 

 

*산술 연산자

let kor = parseInt(prompt('국어 점수'));
let eng = parseInt(prompt('영어 점수'));

let sum = kor + eng;

document.write('점수 합계 : ' + sum);

 

 

*복합 연산자를 이용한 테이블 제작

let table = '<table border="1">';

table += '<tr>';
table += '<td>1</td>';
table += '<td>2</td>';
table += '<td>3</td>';
table += '</tr>';

table += '<tr>';
table += '<td>4</td>';
table += '<td>5</td>';
table += '<td>6</td>';
table += '</tr>';

table += '<tr>';
table += '<td>7</td>';
table += '<td>8</td>';
table += '<td>9</td>';
table += '</tr>';

table += '</table>';

document.write(table);

 

 

 

 

// 1. 두 수를 입력 받아 사칙연산 결과를 출력

let num1 = parseInt(prompt('첫번째 수 입력'));
let num2 = parseInt(prompt('두번째 수 입력'));

let add = num1 + num2;
let sub = num1 - num2;

add = num1 + num2;
sub = num1 - num2;

document.write('add = ' + add + '<br />');
document.write('sub = ' + sub);

 

 

// 2. 국어, 영어, 수학 점수를 변수에 할당하여 총점과 평균을 출력

let kor = 100;
let eng = 100;
let mat = 100;

let sum = kor + eng + mat;
let ave = sum / 3;

document.write('국어 점수 : ' + kor + '<br />');
document.write('영어 점수 : ' + eng + '<br />');
document.write('수학 점수 : ' + mat + '<br />');
document.write('총 점 : ' + sum + '<br />');
document.write('평 균 : ' + ave);

 

 

// 3. ID와 PW를 입력 받아 하나의 변수로 출력

let userId = prompt('아이디 입력');
let userPw = prompt('패스워드 입력');

let result = userId + userPw;

document.write(result);

 

 

// 4. 반지름을 입력 받아 원의 둘레와 넓이를 출력

let radius = parseInt(prompt('원의 반지름 입력'));

const pi = 3.141592;

let circle = 2 * pi * radius;
let area = pi *radius*radius;

document.write('원의 둘레 : ' + circle + '<br />');
document.write('원의 넓이 : ' + area);

 

 

// 5. 누적

let sum = 0;
let input = prompt('첫번째 누적할 숫자 입력');

sum += input;
alert('첫번째 누적합 : ' + sum);

input = prompt('두번째 누적할 숫자 입력');
sum += input;
alert('두번째 누적합 : ' + sum);

input = prompt('세번째 누적할 숫자 입력');
sum += input;
alert('세번째 누적합 : ' + sum);

document.write('최종 누적합 : ' + sum);

 

 

// 6. 5개의 숫자를 입력 받아, 홀수 번째 숫자는 더하고, 짝수 번째 숫자는 빼는 연산을 복합대입연산자를 이용하여 출력

let result = 0;

let input = parseInt(prompt('1번째 수 입력'));
result += input;

input = parseInt(prompt('2번째 수 입력'));
result -= input;

input = parseInt(prompt('3번째 수 입력'));
result += input;

input = parseInt(prompt('4번째 수 입력'));
result -= input;

input = parseInt(prompt('5번째 수 입력'));
result += input;

document.write('5개의 수를 복합연산한 결과 : ' + result);