Tengo una página html que requiere obtener el valor de una entrada cuando se presiona un botón para que pueda usarse como una variable en un enlace. Por ejemplo, mi sitio web detectaría que se escribe "palabra" en la entrada y redirigiría al enlace "google.com/palabra" cuando se haga clic en el botón. ¡Gracias por cualquier ayuda de antemano!
Código HTML:
<td><input value="Input text Here..."></input></td> <td><a href='https://example.com/test/VALUEFROMINPUTHERE'><button id="click">Click this Button</button></a></td>No hay forma de obtener el valor de entrada solo usando HTML ... asigne a su botón un atributo onclick:
<td> <a href='https://example.com/test/VALUEFROMINPUTHERE'> <button id="click" onclick="click()">Click this Button</button> </a> </td>y su entrada una identificación:
<td> <input value="Input text Here..." id="input"> </td>y agregue JS:
function click() { let val = document.getElementById("input").value window.location.href = "https://www.google.com/search?q=" + val } Todo lo que estoy haciendo aquí es obtener el valor de la entrada y cambiar el href de la ventana a la palabra deseada, y también asegurarme de que la palabra se busque en Google agregando "https://www.google.com/search?q=" antes de agregar el valor de la entrada.
En este código, cuando se hace clic en una etiqueta, se activa una función JS que toma el valor de la entrada con el id "valor" y abre el enlace concatenando su valor al final de la URL con la ventana.abrir( ) función.
<input type="text" placeholder="Enter Text" id="value" /> <a href="#" onClick="openLink()">Click Me</a> <script> function openLink() { let value = document.getElementById("value").value window.open(`https://www.example.com/${value}`) } </script>