출력
현재 무엇은 하는지 알 수 있도록 메시지 출력
console.log() ;
브라우저의콘솔창에 로그띄움
alert();경고창띄움
document.write(); 화면출력 태그, 숫자, 문자열사용가능
document.getElementById(‘’): html에 id값을()에적으면 들고옴 아이디값따라태그와요소들들고와줄수잇음
.innerHTML();
document.getElementById(‘’)와함께사용해 요소를 바꿔줌
Id 는 class나 name으로도바꿀수있음
<body>
<h1 id = "title"> 오늘은 날씨가 좋습니다</h1>
input
<script>
document.getElementById("title").innerHTML ="오늘은 날씨가 흐립니다";
</script>
</body>
원래 h1태그에서 오늘은 날씨가 좋습니다로 화면에 출력되는데
script에서 innerHTML에서 오늘은 날씨가 흐립니다로 입력해서 화면에 script에서
사용된것으로 출력되어진다
입력
사용자로부터 정보를 입력 받아 처리
let 변수이름 받아올값
prompt();
함수,창을 띄워서 입력받는다
<body>
<h1 id = "color"></h1>
<script>
let colorName = prompt("색깔을 입력하세요", "색깔");
//prompt 의 첫번재""는 창뜰때 입력란위에 글씨
//prompt 의 두번째""는 창뜰때 입력란의 초기값이다
colorName += "색입니다";
document.getElementById("color").innerHTML= colorName;
</script>
</body>
document.getElementByname('name').value;
name이나 value도 가능
document.getElementById('id').value;
이미html에있는값가져옴 value는 input안에있는값
<body>
<input type="text" value="색깔입력" name="text" id="value">
<p id="valueText"></p>
<script>
let text = document.getElementById("value").value;
//input type의 value값을 들고온다
let valueName = document.getElementById("valueText").innerHTML= text;
//.innerHTML로 p태그에 text 변수 카피되어 출력한다
</script>
</body>
'JavaScript' 카테고리의 다른 글
| 배열 Array Array.isArray() instanceof (0) | 2022.02.17 |
|---|---|
| 조건문 if else else if (0) | 2022.02.17 |
| 일치연산자 (0) | 2022.02.16 |
| 특수자료형 (0) | 2022.02.16 |
| 복합 대입연산자 += -= 증감연산자 ++전위 후위 (0) | 2022.02.16 |