- 13, May 2024
- #1
Привет, ребята,
Я сделал простой переключатель на 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>
