prompt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ex04</title>
<script>
function init(){
// alert("실행")
let div = document.getElementById("div1");
div.innerHTML = "test";
console.log(div);
console.log(document.getElementById("div1"));
div.style.color = "blue";
document.getElementById("div1").style.color = "red";
let name = prompt("이름 입력");
document.getElementById("div1").innerHTML = `
<b>이름</b> : ${name}<br>
`
}
</script>
</head>
<body onload="init()">
<div id="div1"></div>
</body>
</html>
자료형
Number()
parseInt()
[변수].toString()- Number() : 실수값으로 표현
- parseInt() : 정수값으로 표현
- .toString() : 문자열으로 변환
let, const
let a = 123;
const b = '안녕하세요';
const 변경 시 에러남!
const str = "안녕";
console.log(`str : ${str}`);
str = "변경합니다";
console.log(`변경 후 str : ${str}` );
비교 연산
python이랑 다른 점이, t1 = 1, t2 = '1'이면 두 개를 비교하면 False라고 나올텐데,
javascript는 자료형도 통일시키는 게 기본인가 보다.
let t1 = 1;
let t2 = '1';
console.log(t1 == t2);
console.log(t1 === t2);
=, !=는 자료형 통일 시켜서 같은지 다른지 확인하고, ==, !==는 자료형 통일하지 않고도 완전히 같은지 다른지 비교한다.
논리 연산자
&& // and
|| // or
삼항 연산자
변수 = (조건문) ? 참일 경우 : 거짓일 경우'IBM AI Agent 3기 > Frontend' 카테고리의 다른 글
| javascript 알아보기(3) (0) | 2025.12.24 |
|---|---|
| javascript 알아보기(1) (0) | 2025.12.22 |
| CSS 알아보기(4) (0) | 2025.12.22 |
| CSS 알아보기(3) (0) | 2025.12.19 |
| CSS 알아보기(2) (0) | 2025.12.18 |