JavaScript
Javascript For문을 통한 메세지 저장
알 수 없는 사용자
2015. 4. 29. 15:21
-> 문자열 결합 및 반복문 테스트 문자열이 밑으로 저장
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/* 사용자 정의 함수 추가 */
function myFunction(){
/* 사용자가 입력한 메시지를 누적해서 출력 */
//사용자가 입력한 메세지를 읽어오는 과정
var msg = document.getElementById("msg").value;
//메세지를 기존의 메시지와 누적한 다음 출력하는 과정
//<br>태그는 줄바꿈 처리 전용 태그
document.getElementById("result").innerHTML += msg+"<br>"
//사용자가 입력한 메시지를 삭제하고 폼을 초기화 하는 과정
document.getElementById("msg").value="";
}
</script>
</head>
<body>
<div>
<!-- 문자열 결합 및 반복문 테스트 -->
<form>
<!-- size = "100"은 글자수 제한 -->
메세지 : <input type ="text" id = "msg" size = "100">
<input type = "button" value = "전송" onclick = "myFunction()">
</form>
<p>메세지 결과</p>
<p id = "result"></p>
</div>
</body>
</html>
결과 :
