[Javascript] Variabele namen voor elementen

[Verwijderd]

Ik ben met iets bezig, maar heb er nog weinig ervaring mee .

Ik heb twee textboxen met id test31 en id test32 op mijn pagina en onderstaand script.
Als de waarden gewijzigd worden, wil ik de functie calc() uitvoeren.
Het gaat nu om test.onkeyup = calc;

Voor test moet eigenlijk komen, test31.onkeyup = calc; en test32.onkeyup = calc;
Hoe krijg ik dit voor elkaar. Als ik 'test' wijzig in 'test31' werkt het wel.

JavaScript:

window.onload = function() {
    var i = 1;
    while (i <= 2) {
        
        var test = "test3"+i;

        test.onkeyup = calc;
        
    // einde while loop
    }
    
    function calc() {
    
    
    alert('test');
    
    }
}

[ Voor 3% gewijzigd door NMe op 08-11-2014 12:17 . Reden: Code-tags. ]

[NMe]

Een string heeft geen onkeyup. Als je per se op die manier je variabelenamen op wil bouwen zul je getElementById moeten gebruiken, Of, wat een (veel) betere oplossing is: de velden die deze event moeten krijgen een class of data-attribuut geven, door alle elementen met die class/dat attribuut heen lopen en per element die event toevoegen.

Verder: Waar hoort mijn topic? staat bovenaan dit forum. Het was fijn geweest als je die op zijn minst even had opengeklikt. Code posten doen we ook niet inline, dat doen we met de code-tag: Hoe post je code? / Hoe gebruik je de code tag?

PRG>>WEB

[ Voor 6% gewijzigd door NMe op 08-11-2014 12:18 ]

[NNF]

Wat NMe zegt Geef je elementen een class, haal ze op met document.getElementsByClassName en dan kun je er events aan vastknopen. Daar is tegenwoordig de addEventListener methode voor, zoals jij het nu doet is wel een beetje 1996

[gitaarwerk]

Als performance een groot issue is, zal ik kiezen voor een class name, in plaats van een data-attribuut. Dat is sneller.

[NMe]

gitaarwerk schreef op zondag 09 november 2014 @ 15:04:
Als performance een groot issue is, zal ik kiezen voor een class name, in plaats van een data-attribuut. Dat is sneller.

Dat gaat om dermate getallen dat het vrijwel geen verschil maakt, afhankelijk van je browser: http://jsperf.com/data-selector-performance. Als je op dit soort dingen moet bezuinigen is de kans groot dat je elders veel meer winst kan halen. Nog naast dat dit hier nogal offtopic is zolang de TS niet heeft gezegd dat zijn probleem is opgelost.

[gitaarwerk]

Daar heb je een punt