2022.3.23 개발일지 javascript

1.학습한 내용

자바명령문은 script tag 안에서 동작한다.

console.log(5)
//()안의 내용을 콘솔창의 로그에 나타낸다.
console.log(Math.random())
//0~1사이 랜덤한 숫자 추출
console.log(Math.PI)
//파이
console.log(Math.floor())
//내림
document.write("Welcome to dungeon")
//html에 () 출력
document.write('<br>');
// 줄바꿈
let level=1;
let lvstr=2;
let nowstr=level*lvstr;
// 레벨 레벨당공격력증가량 현재공격력 변수할당
document.write("현재공격력:"+nowstr);
// 현재공격력 출력

input tag

<input type="button" value="gamestart" onclick="alert('hi');alert('what is your name');">
<!-- 버튼생성 게임스타트 안녕 너의 이름은?  -->
<input type="button" value="절전모드온" onclick="document.querySelector('body').style.backgroundColor='black'; ">
<!-- 버튼생성 절전모드온 배경화면을 검정색으로  -->
<input type="button" value="절전모드오프" onclick="document.querySelector('body').style.backgroundColor='white'; ">
<!-- 버튼생성 절전모드온 배경화면을 흰색으로  -->

실행결과

학습한 내용 중 어려웠던 점 또는 해결못한 것들
버튼을 온오프로 만들고싶은데 하나의 onclick에 여러명령문을 적으니 전부 실행되서 마지막만 남음

해결방법 작성
onoff변수에 1을 할당
if문으로 onclick 발생했을때 onoff가 1이면 2로 변경 onoff가 2이면 1로 변경
if문으로 onoff가 1이면 흰배경 2이면 검은배경

if문 배운후에 해결할 예정

학습 소감
새로운 언어를 배우니 재밌다.
아직은 조악하지만 입력받은 내용과 상호작용할 생각을하니 기대된다.