He probado este código
<p>Watch Series Online</p> <input type="search" id="imdbseries" class="Search" name="" value="" placeholder="IMDB ID"> <input type="search" id="season" class="Search" name="" value="" placeholder="SEASON"> <input type="search" id="episode" class="Search" name="" value="" placeholder="EPISODE"> <button id= "search" onclick="search()" >Watch Now</button> <script> function search() { var imdbseries = document.getElementById('imdbseriesID','season#',episode#').value window.location.href = "https://mysiteurl.com/tv.php?imdb="+ imdbseriesID + "&season=" + season# + "&episode=" + episode#; } </script>pero falle por 3 ID's..
Quiero eso cuando llene la caja con IMDB ID: tt9140554 TEMPORADA: 1 EPISODIO: 1
debería ir a esta URL EXACTA cuando se hizo clic en el botón. https://mysiteurl.com/tv.php?imdb=tt9140554&season=1&episode=1
tu html
<p>Watch Series Online</p> <input type="search" id="imdbseries" class="Search" name="" value="" placeholder="IMDB ID"> <input type="search" id="season" class="Search" name="" value="" placeholder="SEASON"> <input type="search" id="episode" class="Search" name="" value="" placeholder="EPISODE"> <button id= "search" onclick="search()" >Watch Now</button>tu guion
function search() { // The document.getElementById() takes one Id let imdbseries = document.getElementById("imdbseries").value; let season = document.getElementById("season").value; let episode = document.getElementById("episode").value; location.href = `https://mysiteurl.com/tv.php?imdb=${imdbseries}&season=${season}&episode=${episode}` }Aquí está la documentación para getElementById . Como puede ver, acepta solo un argumento.
Una alternativa es usar querySelector . (Puede ordenar un poco el marcado reemplazando la colocación de los valores de identificación en el atributo de nombre y eliminando las identificaciones por completo). Luego, puede apuntar a los elementos por sus atributos de nombre, tomar los valores y luego construir una cadena .
(Nota: en algún momento, es posible que desee agregar alguna validación para verificar que los valores de entrada sean válidos. Por ejemplo, tanto la season como el episode deben ser números).
function search() { const imdbseries = document.querySelector('[name="imdbseries"]').value; const season = document.querySelector('[name="season"]').value; const episode = document.querySelector('[name="episode"]').value; console.log(`https://mysiteurl.com/tv.php?imdb=${imdbseries}&season=${season}&episode=${episode}`); } <input type="search" name="imdbseries" placeholder="IMDB ID" /> <input type="search" name="season" placeholder="SEASON" /> <input type="search" name="episode" placeholder="EPISODE" /> <button onclick="search()" >Watch Now</button>