Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Associare evento onclick di un determinato bottone al click del tasto invio

  1. #1

    Associare evento onclick di un determinato bottone al click del tasto invio

    Piacere Andrea. Ho iniziato da poco a studiare javascript (primo linguaggio). Io vorrei inserire un valore nell'input id="valoredipartenza" e far partire la funzione impostatore() non solo al click del bottone id="imp" ma anche ogniqualvolta premo invio. Tra l'altro, visto che poi compaiono altri input ed altri bottoni vorrei che l'assegnazione della funzione al tasto invio sia solo su quel determinato input, altrimenti immagino che ogni volta che clicco invio mi fa partire la stessa funzione, qualunque sia l'input dal quale sto pescando i valori. Grazie mille in anticipo. Vi copio il codice html ed quello js per spiegarvi meglio:

    <!
    DOCTYPE html>
    <html>
    <body>


    <p id="demo"></p>
    <sottop id="machedavero"></sottop>


    <input id="valoredipartenza"></input> <!-- definisce il numero di valori che l'utente vorr� inserire in totale -->
    <button onclick="impostatore()" id="imp">IMPOSTA</button>

    <input id="valori"></input> <!-- spazio per l'inserimento dei valori da parte dell'utente -->
    <button onclick="bottone1()" id="primo">INVIA</button>


    <button onclick="bottonepari()" id="pari">VISUALIZZA NUMERI PARI</button>
    <button onclick="bottonedispari()" id="dispari">VISUALIZZA NUMERI DISPARI</button>


    <p id="label"></p>


    <script type="text/javascript" src="inserimento e stampa numeri.js"></script>





    </body>
    </html>




    JS:

    var x;
    var i;
    var a;
    var y;
    var e=0;
    var w = document.getElementById("valori");
    var m = document.getElementById("primo");
    var n = document.getElementById("pari");
    var g = document.getElementById("dispari");
    var t = document.getElementById("valoredipartenza");
    var r = document.getElementById("imp");
    var q = document.getElementById("demo");
    var l = document.getElementById("machedavero");
    q.innerHTML = 'IMPOSTA LA QUANTITA DEI VALORI DA VOLER INSERIRE: ';
    var valoriarray;
    var s;
    var h;

    var paragraph = document.getElementById("label");
    paragraph.innerHTML;

    w.style.display = "none";
    m.style.display = "none";
    n.style.display = "none";
    g.style.display = "none";


    function impostatore() {


    u.splice(0);
    e=0;
    a = parseInt(document.getElementById("valoredipartenza").value);

    if ( isNaN(a)==false ) {

    w.style.display = "inline";
    m.style.display = "inline";
    t.style.display = "none";
    r.style.display = "none";
    n.style.display = "none";
    g.style.display = "none";
    q.innerHTML = "INSERISCI VALORE: ";

    };
    };

    var u = [];

    function bottone1() {

    var v = parseInt(w.value);

    if ( isNaN(v)==false ) {

    u.push(document.getElementById("valori").value);

    function contatore() {
    x= e;
    x = x + 1;
    return x
    };

    e = contatore();

    if ( e<a ) {

    q.innerHTML = 'INSERISCI NUOVO VALORE, VALORI INSERITI: '+ e + '/' + a;

    };

    if ( e==a ) {

    q.innerHTML = 'VISUALIZZA VALORI PARI e/o DISPARI TRA QUELLI INSERITI:' + '<br>' + '<br>' + 'Per esaminare nuovi valori imposta nuovamente la quantit� di numeri da voler esaminare, inseriscili e ricomincia la procedura: ' + '<br>'+ '<br>' + 'Per aggiungere ulteriori valori da esaminare, mantenendo i precedenti, inseriscili nella seconda casella, clicca invia per esaminarli e l apposito tasto per visualizzarli (pari o dispari): ';
    n.style.display = "inline";
    g.style.display = "inline";
    t.style.display = "inline";
    r.style.display = "inline";

    };

    } else {

    l.innerHTML = 'VALORE NON ACCETTATO'
    };
    w.value = '';
    };

    function bottonepari() {


    var arrayPari = [];

    for(var i=0; i<u.length; i++){

    if(u[i]%2===0){

    arrayPari.push(u[i]);

    };
    };
    paragraph.innerHTML='ELENCO VALORI INSERITI: '+ u + "<br>" + "VALORI PARI DELL'ARRAY: " +arrayPari;

    };

    function bottonedispari() {

    var arrayDispari = [];

    for(var i=0; i<u.length; i++){
    if(u[i]%2!==0){
    arrayDispari.push(u[i]);
    };
    };
    paragraph.innerHTML='ELENCO VALORI INSERITI: '+ u + "<br>" + "VALORI DISPARI DELL'ARRAY: " +arrayDispari;

    };

  2. #2
    Ciao Andrea, benvenuto.
    Ti invito a leggere il regolamento del forum Javascript con particolare attenzione alla parte riguardante il tag [code].
    Grazie per la collaborazione e buon proseguimento.

  3. #3
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,046
    Ciao e benvenuto. Ciò che stai cercando di fare può essere fatto in vari modi; è comunque un argomento di carattere abbastanza comune, per questo puoi trovare facilmente delle soluzioni effettuando qualche ricerca sul web o anche su questo stesso forum.

    Ovviamente capisco che per un neofita può essere difficile anche capire cosa andare a cercare ma in questo caso potresti usare semplici termini del tipo: javascript input text enter

    Ti riporto una delle soluzioni (adattata al tuo specifico caso) che ho trovato sul primo risultato di zio gugol; ti basterà inserirla da qualche parte nel tuo script:
    codice:
    document.getElementById("valoredipartenza")
        .addEventListener("keyup", function(event) {
        event.preventDefault();
        if (event.keyCode === 13) {
            impostatore();
        }
    });
    Vedi un po' se può andare.
    Buon proseguimento e buona permanenza sul forum.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l’1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.