button van gevraagde en beantwoorde input groen kleuren

[Anoniem: 1033665]

Ik heb in HTML een lijst van radiobutton-variabelen, met elk drie mogelijke invullingen, voor de gebruiker. Elke variabele slaat op een bepaalde taal.
In een ingesloten javascript-document staat een functie kreuGTfenro (kort voor creëer Google Translate-venster) in een button, met twee argumenten: lgvo en buton.
De gebruiker moet de lijst van radiobutton-variabelen doorwerken en beantwoorden. Vanwege de lengte, wil ik elke beantwoorde (aan de hand van een onclick in kreuGTfenro) groen kleuren, zodat hij/zij weet, dat die vraag beantwoord is. Dat doe ik met het argument buton, bij voorbeeld - voor de vertaling van een voorgegeven woord naar het Engels - met kreuGTfenro ('en', this). Uiteraard is this groen gekleurd.
In de functie kreuGTfenro staat buton.button.style.backgroundColor = "light-green".
Je zou dus verwachten, dat uitgevoerd wordt this.button.style.backgroundColor = [i]"light-green"[/i, maar er komt een melding, dat buton niet gedefinieerd is.
Heeft het probleem iets te maken met mogelijk noodzakelijke declaratie van buton. En waar dan? Locaal of globaal? Met of zonder 'var'?

Ik heb meer van dit soort problemen met localiteit en globaliteit, waarschijnlijk vanwege het feit, dat functies gedeeltelijk in meerdere ingesloten javascript-documenten zijn opgenomen.

Ik had een manier, die uitstekend werkte, maar heb daar iets in veranderd (wist ik maar wat) en nu kan ik de oorspronkelijke versie niet meer vinden.

[F_J_K]

Ik verplaats je topic, WOS -> WEB.

[DJMaze]

En de code van kreuGTfenro is?

[ Voor 56% gewijzigd door DJMaze op 12-02-2018 18:34 ]

[Salmon]

Als ik het zo lees heb je dus een functie zoals dit:

JavaScript:

function kreuGTfenro(lgvo, buton) {
    buton.button.style.backgroundColor = "light-green";
}

Maar de 2e parameter is dus een html dom element. Daar hoef je dus niet .button op te doen.

JavaScript:

function kreuGTfenro(lgvo, buttonElement) {
    buttonElement.style.backgroundColor = "light-green";
}

Het klopt dus dat "buton" niet bestaat, dat is geen valide property van een HTML DOM element. Lees je aub ook wat in over benaming conventies voor JS, dat maakt het ook gemakkelijker om code te delen.

[ Voor 36% gewijzigd door Salmon op 12-02-2018 18:54 ]