achtergrondkleur wijzigen

[geert1904]

beste,

hoe maak ik een knop aan die, als je er op klikt, een dialoogvenster verschijnt waarin ik vier kleuren kan typen en bijgevolg de achtergrondkleur verandert in de kleur die ik getypt heb?
bv: rood,blauw,bruin, groen.

graag jullie eventuele oplossingen, ik geraak er niet uit.

alvast bedankt.

geert1904

 

[Tha Devil]

Welkom op Helpmij

Tot welke stap ben je gekomen?

1. Knop aanmaken
2. Dialoog openen wanneer knop aangeklikt wordt
3. Kleur uit dialoog achterhalen
4. Achtergrondkleur aanpassen dmv de ingevoerde kleur

 

[geert1904]

de knop is aangemaakt, maar de functie of code om het dialoogvenster te openen is mislukt

 

[Tha Devil]

Hoe ziet je code er op dit moment uit?

Je weet dat je een dialog kunt tonen via window.prompt()?

 

[geert1904]

Dit is mijn code, maar het is enkel een dialoogvenster dat automatisch opent als je de browser opent. Niet als je op de knop drukt.

CODE DIALOOGVENSTER:
[js]
kleurnaam=window.prompt("Typ de naam van één van de volgende kleuren: rood,blauw,bruin,groen");
if (kleurnaam = "blauw"){
document.body.style.backgroundColor = "#00FFFF";
}
else if (kleurnaam = "rood"){
document.body.style.backgroundColor = "#FF2400";
}
else if (kleurnaam = "groen"){
document.body.style.backgroundColor = "#7FFF00";
}
else if (kleurnaam = "bruin"){
document.body.style.backgroundColor = "#CD661D";
}
[/js]

CODE KNOP:

<button onclick="copyText()">Kleur kiezen</button>

 

[Tha Devil]

De functie "copyText()" wordt nu uitgevoerd wanneer er op de knop gedrukt wordt.
Is dat een andere functie die buiten de vraag staat?

Dat de prompt nu wordt uitgevoerd bij het laden van de pagina komt omdat hij niet binnen een functie staat.