¿Cuál es la mejor sintaxis para expresar: "Si hago clic en esto, sucederá esto, pero si no se hace clic, ocurrirá otra acción"? Quiero mantener CSS, HTML y JS separados, si es posible.
Estoy tratando de escribir un código para "Si hago clic en este botón, el video aparecerá y se reproducirá. Pero cuando no se hace clic, el video está oculto".
button = document.getElementByIdId('button') video = document.getElementById('video') button.addEventListener('click', function () { (action here) }Agregue un detector de eventos a su botón de reproducción donde llama a videoElem.play()
HTML:
<video id='video'> <source src="your-video-source.mp4" type="video/mp4"> </video> <button id='playVid'>Play</button>JavaScript:
document.getElementById('playVid').onclick = function () { document.getElementById('video').play(); };