Buenas noches querida Comunidad, tengo un problema al insertar un valúe de input en un scr de un link con javascript, no se si me hago entender. adjunto el código y si alguien me puede ayudar a resolverlo le agradecería mucho.
var codInp = document.getElementById("Cinp").value;
var cod = codInp;
var KeyBtn = document.getElementById("Cinp");
KeyBtn.onkeyup = () => {
document.getElementById('IdPViYou').style.display = "block";
$("#iFramYout").attr('href', 'https://www.youtube.com/embed/' + encodeURIComponent(cod) + '');
}
.textLinkYout {
font-size: 15px;
}
.txtLink {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none
}
.ejCodLink {
background: #3390ff;
color: #fff
}
<div class="textLinkYout" id="LinkYout">
<p class="txtLink">www.youtube.com/watch?v=<span class="ejCodLink">SrC5KaIBz4</span></p>
<input type="text" name="Cinp" id="Cinp" placeholder="código video como muestra el ejemplo..." value="">
</div>
<div class="PreVisVid" style="display: none;" id="IdPViYou">
<a id="iFramYout" href=""></a>
</div>
LO que quiero es cuando escriba en el imput el codigo, se muestre en el otro div una previsualizacion con el link, pero no me funciona. muchas gracias de antemano