Raspberry piのGPIOのスイッチの信号を
<div id="sw_status01"></div>に表示し、 それが1であれば、 <div id="test01"><img src="i/test01.jpg"/><div> のstyle.display="block"として表示することがしたいのですが、 なぜか、sw_status01の中身が1でも、if(m01 == '1')に入ってきません。 アドバイスをいただけると助かります。html,javascript
1<!DOCTYPE html> 2<html lang='ja'> 3<head> 4<!-- クライアント側socket.ioを読み込む --> 5<script type="text/javascript" src="/socket.io/socket.io.js"></script> 6</head> 7 8<body> 9<p> SWITCH STATUS 01:</p> 10<div id="sw_status01"></div> 11<div id="test01"><img src="i/test01.jpg"/><div> 12</body> 13 14<script> 15document.getElementById("test01").style.display ="none"; 16console.log('test: '+document.getElementById("sw_status01").innerHTML); 17var m01 = 0; 18 19// websocketコネクションを確立 20var socket = io.connect(); 21 22// サーバーからswitch_dataのデータが来たら呼ばれるコールバック関数を定義 23socket.on("switch_data01", function(data){ 24// htmlの表示を書き換える 25document.getElementById("sw_status01").innerHTML = data.value; 26m01 = document.getElementById("sw_status01").innerHTML; 27 28//ここではコンソールで m01: 1 と表示される 29console.log("m01: " + m01); 30 31if(m01 == '1'){ 32//m01 == '1'になっているはずなのにここは読み込まれない 33 document.getElementById("test01").style.display ="block"; 34 console.log("m01test: " + m01); 35} 36}); 37</script> 38</html>

回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/20 15:19
2018/07/20 15:46
2018/07/20 16:01
2018/07/21 00:17
2018/07/21 00:22
2018/07/21 10:02