선택장애

자바스크립트 - getElementById 간단예제 본문

자바스크립트

자바스크립트 - getElementById 간단예제

yes or yes 2017. 8. 14. 15:18
반응형



//전송하기 버튼 클릭 시 텍스트를 받은 값을 뿌려진다.


 


<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>


<script language ="javascript">


function sayHello()
{
 var textBox = document.getElementById("myName");  //텍스트의 id값을 받는다
 if (textBox != null)         
  {
  alert(textBox.value + "님 안녕하세염");     //텍스트박스의 value를 받아서 알람
  }
 
}


</script>
</head>
<body>


<input type="text" width=200 id="myName">
<input type="button" value="전송하기" onclick="sayHello()">


</body>


</html>
반응형
저작자표시

'자바스크립트' 카테고리의 다른 글

자바스크립트 - 만년달력  (0) 2017.08.14
자바스크립트 - 회원가입 유효성 검사  (0) 2017.08.14
자바스크립트 - 마우스 오른쪽 버튼 막기  (0) 2017.08.14
자바스크립트 - 글자 입력받아 글자바꾸기  (0) 2017.08.14
자바스크립트 - 텍스트값입력받아 알람띄우기(alert)  (0) 2017.08.14
'자바스크립트' Related Articles more