• Похожие публикации

    • Автор: ErUnDAK
      Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно
      <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>  
    • Автор: ErUnDAK
      Некорректно работают кнопки left и right. Иногда right вообще перестаёт работать, если нажимать left.
      <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .slider { border: 2px solid black; width: 300px; height: 60px; overflow: hidden; } #MySlider { position: relative; width: 400px; } #MySlider img { width: 60px; height: 60px; float: left; } #left { position: absolute; top: 205px; } #right { position: absolute; left: 253px; top: 205px; } </style> </head> <body> <div class="slider"> <div id="MySlider"> <img src="1404914279_maxresdefault.jpg" alt=""> <img src="1404914279_maxresdefault.jpg" alt=""> <img src="200596402_fabdd7acef8cf8015b45af8d81a8b396_800.jpg" alt=""> <img src="1404914279_maxresdefault.jpg" alt=""> <img src="200596402_fabdd7acef8cf8015b45af8d81a8b396_800.jpg" alt=""> <img src="1404914279_maxresdefault.jpg" alt=""> </div> <button id="left">LEFT</button> <button id="right">RIGHT</button> </div> </body> </html> var tor = 0; document.getElementById('left').onclick = left; //ВЛЕВО function left() { var any = document.getElementById('MySlider'); tor = tor - 60; if (tor < -360) { tor = 0; } any.style.left = tor + 'px'; } document.getElementById('right').onclick = right; //ВПРАВО function right() { var any = document.getElementById('MySlider'); tor = tor - 60; if (tor < -300) { tor = 0; } any.style.right = tor + 'px'; } Как исправить их неправильную работу? В чём ошибка...