Recupero variabile

[desila98]

Buongiorno a tutti,
recupero una variabile all'interno di un campo input

<input type="text" id="result" >

e fino a qui va bene, ho però la necessità di fare un if, in quanto se la variabile result non è null, voglio fare un redirect ad un altra pagina con il passaggio della variabile,

 window.location(https://www.example.com?var=)

Ma non riesco a scrivere il codice...help me

[ninja72]

Intendi una cosa del genere ?

<input type="text" id="result" />
<button type="button" id="submit">invio</button>

        <script>
            const myInput = document.getElementById("result")
            const submit = document.getElementById("submit")

            submit.addEventListener("click", (e) => {
                const myTrimStr = String(myInput.value).replaceAll(" ", "")
                if (myTrimStr)
                    window.location = `https://www.example.com?var=${myTrimStr}`
            })
        </script>

[desila98]

Grazie!!! si ci siamo quasi, se fosse possibile vorrei che il submit fosse in automatico, se la variabile result non è null

[ninja72]

Il submit automatico è un po' generico, ma forse non ho capito bene come inserisci i dati all'interno dell'input, nel senso è un operazione che fa l'utente oppure ottineni un valore tramite la manipolazione del DOM che reindirizza quando l'input ha un valore diverso da "empty string".

[desila98]

...hai ragione, il campo input lo recupero con un qrcode reader, quando lancio la pagina il campo input è vuoto, quindi non devo fare il reindirizzamento con window.location, mentre una volta letto, il qrcode, il campo input non è più null e quindi mi deve reindirizzare in automatico

[ninja72]

Ah ok, in pratica non hai bisogno del button submit, dunque l'event di ascolto lo settiamo sull'input stesso, (con input/change), vedi se puo andare cosi.

const myInput = document.getElementById("result")

            myInput.addEventListener("input", (e) => {
                const myTrimStr = String(myInput.value).replaceAll(" ", "")
                if (myTrimStr)
                    window.location = `https://www.example.com?var=${myTrimStr}`
            })

[desila98]

Si non ho bisogno del button submit, così va meglio, c'è solamente un ultimo problema, il mio input si popola in automatico, mentre questo funziona se io scrivo all'interno del campo input

[ninja72]

Purtroppo non ho un lettore per testare bene la cosa, solitamente i lettori di quel genere posso scatenare un type "keydown" ,"keyup", basta cambiare "input" con uno di questi menzionati.

[desila98]

Non funziona con entrambi, il mio campo input <input type="text" id="result" >

[desila98]

Non riesco a risolvere, ho notato pero che con

myInput.addEventListener("input", (e) =>

se clicco sul campo input il window location si attiva e mi reindirizza sull'altra pagina