JavaScript/getElementById와 value
2021. 1. 5. 21:42
728x90
반응형
|
●해당 JavaScript 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" id="user_input" />
<input type="button" value="white" onclick="alert(document.getElementById('user_input'))"/>
</body>
</html>도큐먼트 카테고리 안에 getElmentById(프로그래밍적으로 무언가를 제어하기 위한 함수이다)라는 함수로 인해 user_input이
한 마디로 유저가 입력한 text로 입력한 값이 경고창(alert)으로 뜨게 된다.
사용자가 텍스트 필드안에 어떠한 정보를 입력하면 value라는 값을 통해 알 수 있다.
아래와 같이 value를 입력한다.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" id="user_input" />
<input type="button" value="white" onclick="alert(document.getElementById('user_input').value)"/>
</body>
</html>이런 식으로 필드에 쓰게 되면, 자신이 입력한 값을 누르고, white버튼을 누르면 자신이 입력한 값이 나온다.
728x90
반응형
'Programing > JavaScript' 카테고리의 다른 글
| 자바스크립트 Swiper를 이용한 스와이프뷰 간단하게 만들어보기 (0) | 2021.04.20 |
|---|---|
| JavaScript / document.getElementById와 className (0) | 2021.01.06 |
| JavaScript 버튼만들기와 prompt로 경고창 만들기 (0) | 2020.12.30 |
| JavaScript란/자바스크립트란? (0) | 2020.12.29 |
