JS - 변수, 사칙연산 실력향상 과

Q1. 변수 만들기

내 나이와 출신지역 JS 변수에 저장하기
나이는 맨날 변하니까 재할당 가능한 변수로,
출신지역은 바뀌지 않으니 재할당불가능한 변수에 저장

let age = 25;
const place = '서울';

Q2. 변수 왜 동작하지 않는가?

var name = 'park';
var id = 0;

function showName(){
  var name = 'kim';
  var id = 1;
  console.log(name);
}

showName();
console.log(id);

콘솔창에 무엇이 출력될까용
-> kim 0

Q3. 이자율 계산하기

첫 예금액이 5만원 미만이면 이율이 연 15%
첫 예금액이 5만원 이상이면 이율이 연 20%
(1) 변수에 예금액을 넣으면
(2) 2년 후의 총 예금액을 자동으로 콘솔창에 출력해주는 기능 만들어보기

var 예금액 = 60000;
var 미래예금액 = 0;

if ( 예금액 >= 50000 ){
  미래예금액 = 예금액 * 1.2 * 1.2 ;
} else {
  미래예금액 = 예금액 * 1.15 * 1.15 ;
}

console.log(미래예금액) 

(동작예시)
var 예금액이라는 변수에 60000을 집어넣으면 86400 이게 콘솔창에 출력되어야 합니다. (이자 20%가 2번 붙음)
var 예금액이라는 변수에 10000을 집어넣으면 13225 이게 콘솔창에 출력되어야 합니다. (이자 15%가 2번 붙음)

최대한 마실 수 있는 커피 양 계산하기

방금마신 커피의 3분의 2만큼 총 2번 리필해주는 카페가 있다
ex) 처음 커피를 90ml 주문하면 첫 리필은 60ml, 그 다음은 40ml 해주는 카페
처음 주문한 커피 양에서 최대한 마실 수 있는 커피를 콘솔창에 계산해보기

var first = 360;

//여기 어떤 코드가 들어가면 될까요?
var second = first * (2 / 3);
var last = second * (2 / 3);
var coffee = first + second + last;
console.log(coffee);

total = first + first * 2 / 3 + first * 2 / 3 * 2 / 3

->이렇게도 할 수 있음

(동작예시)
var first에 360을 집어넣으면 위 코드를 실행했을 때 콘솔창에 760이 출력되어야합니다. (360 + 240 + 160)

간단한 퀴즈UI 만들기

<p>태조 이성계가 태어난 년도는?</p>
<input type="text" id="answer">
<button id="send-answer">제출</button>

<script>
  //여기에 기능 만들기
  <나>
  	let count = 0;
	$("#send-answer").on("click", function () {
	count += 1;
	if ($("#answer").val() == "1335") {
	alert("성공");
	} else if (count <= 3) {
	alert("다시 시도해보세요");
	} else {
	alert("실패");
	}
	});
   <답안>
  var count = 0;
  document.querySelector('#send-answer').addEventListener('click', function(){
    count += 1;
    var 유저답안 = document.querySelector('#answer').value;
    if (유저답안 == '1335') {
      alert('성공')
    } else if (count >= 3 && 유저답안 != '1335'){
      alert('멍청아')
    }
  });
</script>

유저가 <input>에 답을 적고 제출 버튼을 누를 수 있는 퀴즈 UI
1. 유저가 답을 맞추면 alert('성공');
2. 유저가 답을 3번 찍어서 못 맞추면 ('실패');
문제의 답은 1335

-> count 를 클릭했을 때 함수 안에 넣어야했당 ㅠ.ㅠ