Привет, ребята,
Я сделал простой переключатель на JavaScript, но меня поразило, как заставить кнопку запускать функцию каждый раз, когда вы нажимаете на нее. Я не знаю, как это объяснить. Но взгляните на код и скажите, как добиться желаемого результата. («Если вам лень писать с нуля, то код вполне работоспособен»)
Код (разметка): Спасибо,
Я сделал простой переключатель на JavaScript, но меня поразило, как заставить кнопку запускать функцию каждый раз, когда вы нажимаете на нее. Я не знаю, как это объяснить. Но взгляните на код и скажите, как добиться желаемого результата. («Если вам лень писать с нуля, то код вполне работоспособен»)
Код:
<!DOCTYPE html>
<html><head> <style> div { background: red; display: none; padding: 20px 10px; } </style>
</head><body> <input type=button id=button value="Click Me" /><br/><br/> <div> <input type=text placeholder="Введите сюда..." /> </div> <script> var d = document.getElementsByTagName('div') , b = document.getElementById('button'); b.addEventListener('click', () => { (d[0].style.display !== 'block') ? d[0].style.display = 'block' : d[0].style.display = 'none'; }); d[0].addEventListener('mouseup', (e) => { e.stopPropagation(); }); window.addEventListener('mouseup', () => { d[0].style.display = 'none'; }); </script>
</body></html>
