Ich habe 20 verschiedene Seiten. Nehmen wir an, dass die IDs der Seiten zum Beispiel sind: mysite.com/page1, mysite.com/page2 und so weiter ...Umleiten basierend auf Benutzereingabe
Ich muss ein Eingabefeld erstellen, wo der Benutzer Zahlen eingeben kann, und wenn er zum Beispiel Nummer 16 eingibt, wird es umleiten ihn zu mysite.com/page16.
Ich glaube, dass dies mit JavaScript möglich ist. Hat jemand einen Rat bekommen?
window.onload = function() {
document.getElementById('btn').onclick = function()
{
window.location.href = "http://www.yourdomain.com/page"+document.getElementById("url").value
};
}<input id="url" value="">
<button id="btn">Go!</button>Ihre Lösung scheint großartig zu sein und funktioniert perfekt im Code-Snippet, aber wenn ich versuche, es in meinem leeren HTML-Dokument zu testen, funktioniert es überhaupt nicht. Mache ich etwas falsch? Hier ist der Screenshot: https://postimg.org/image/ymacsuflt/ – ex501
Hm. Zeigen Sie mir pls Konsole in Ihrem Browser, wenn Sie auf die Schaltfläche klicken. Sie können jquery auch entfernen. –
Konsole sagt Uncaught Typeerror: kann Eigenschaft 'Onclick' von null bei index.html gesetzt: 7 – ex501
könnten Sie verwenden window.redirect auf die gewünschte Seite
var input_number = document.getElementById('input_id').value
url = "mysite.com/page" + input_number;
window.location=url;
Wo input_id ist die ID Ihrer Eingabefeld
In Vanille JavaScript (keine Bibliotheken) Sie können das folgende Skript (ES6) verwenden.
let input = document.querySelector('#input');
input.addEventListener('change', event => {
var url = `mysite.com/page${input.value}`;
alert(url);
window.location = url;
});<input id="input" type="number" name="page" min="1" max="16" value="0"></input>
Was Sie bisher versucht haben? –