안녕하세요 제가 지금 짜려고 하는 자바 스크립트 소스는 만약 들어오는 변수의 값이 '0'~'1'로 실시간으로 바뀐다면
'0'일때는 '안정'을 표현하고 '1'일때는 '위험'으로 실시간으로 텍스트를 변화시켜줄려고 합니다.
여기서 '0'~'1'로 바뀌는건 버튼으로 바뀌는게 아니라 외부에서 값을 주고있습니다.(.js <-여기까지는 성공했습니다.)
제가 자바스크립트를 한번도 안해봐서 여기까지는 소스를 짰는데 이후로는 힘들더라구요..ㅠ
자바스트립트를 하시는 분이라면 쉽게 나온다고 듣긴 들었는데 제가 너무 몰라서 이렇게 질문드려요!
<!DOCTYPE html>
<html>
<head>
<title>Hello!</title>
<link rel="stylesheet" href="javascripts/jquery-ui-1.11.4.custom/jquery-ui.css" />
<script src="javascripts/jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
<script src="javascripts/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
<script src="javascripts/jquery-1.11.2.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script type="text/javascript">
var socket;
socket.on('connect', function(){
console.log('connect!!!');
});
여기서 위에 문장은 제가 하는 소스 전 문장입니다.
socket.on('server_data', function(data){
console.log('data:'+data);
document.getElementById('all_data').value = data;
외부에서 data값을 뿌려줍니다. ('0','1')중 하나 <-받는건 성공했습니다.
var soso = data;
});
socket.on('disconnect', function(){
console.log('disconected');
}); 여기서부터는 일반 자바스트립트입니다.
$(document).ready(function () {
change(); 이 위에 ready 말고 뭘 써야될지 모르겠습니다.
});
function change() {
switch (data){
case '0' : server_data1 = "안정";
case '1' : server_data1 = "위험!";
default : server_data1 = "안정";
}
}
</script>
</head>
<body>
<input class="change", type="text" id="server_data1" value='' />
</div>
</body>
창작글
글쓰기