Quiero que cuando se haga click en el frameDos ese se pase al frameMain Lo pienso hacer que cuando se haga un click en el framDos este intermcambie las etiquetas del src pero no me sale :c
Lo pienso hacer que cuando se haga un click en el framDos este intermcambie las etiquetas del src pero no me sale :c Porfavor y gracias de antemano
const frameMain = document.querySelector('.frameMain');
const frameDos = document.querySelector('.frameDos');
//intermcabio el src del iframe de la izquierda con el de la derecha al darle click al iframe de la derecha
frameDos.addEventListener('click', () => {
const srcMain = frameMain.querySelector('iframe').src;
const srcDos = frameDos.querySelector('iframe').src;
frameMain.querySelector('iframe').src
= srcDos;
frameDos.querySelector('iframe').src
= srcMain;
});
'''
</head>
<style>
section{
padding: 10%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
</style>
<body>
<section>
<div class="frameMain"><iframe width="610" height="315"
src="https://www.youtube.com/embed/uiiss0hP8xM?start=246" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="frameDos"><iframe width="410" height="250"
src="https://www.youtube.com/embed/TqTEJ-Jd6Ug" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</section>
</body>
</html>