Показать сообщение отдельно
  #3 (permalink)  
Старый 29.11.2016, 12:08
Аспирант
Отправить личное сообщение для allexmak Посмотреть профиль Найти все сообщения от allexmak
 
Регистрация: 13.12.2015
Сообщений: 45

Интересное решение, теперь почему немогу вывести результат в .value, в чем проблема?


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
document.addEventListener('DOMContentLoaded', function(){
    document.querySelector('#led').addEventListener('click', function(e){
        var bt = e.target, f;
        while (bt.tagName != 'DIV') {
            if(bt.tagName == 'BUTTON') {
                f = bt.value ^ 1;
                bt.value = f; 
                bt.innerHTML = ['OFF', 'ON'][f];

                var spa = document.querySelector(span);
                if (f===1) {document.getElementById(spa).innerHTML = "ON";}
                    else{ document.getElementById(spa).innerHTML = "OFF";}
                console.log(f);
                
                return;
            }
            bt = bt.parentNode;
        }
    });   
});
</script>    
</head>
 
<body>
<div id="led">
    <p>30: <button id="LED1" value="0"> OFF </button> <span class="value">...</span></p>
    <p>31: <button id="LED2" value="0"> OFF </button> <span class="value">...</span></p>
    <p>32: <button id="LED3" value="0"> OFF </button> <span class="value">...</span></p>
</div>
 
</body>
</html>
Ответить с цитированием