Gå til innhold

Forskjellige farger på h1 og h3

CodeMaan

Av CodeMaan
i Programmering og webutvikling

Anbefalte innlegg

CodeMaan

CodeMaan

Skrevet
Skrevet

Sliter med denne oppgaven, noen som har noen tips?

 

 

Lag en HTMLside med teksten "Hallo alle studenter i Informatikk" i H1 og "ved Høgskolen i Vestfold" i H3. Under teksten skal det være tre knapper.

 

* En knapp skal gjøre bakgrunnsfargen på siden rød og teksten for H1 og H3 blå

* En knapp skal gjøre bakgrunnsfargen grønn og teksten for H3 gul, mens H1 beholder de fargeegenskaper den måtte ha.

* En knapp skal gjøre bakgrunnsfargen gul og teksten for H1 rød, mens H3 beholder de fargeegenskaper den måtte ha.

 

Har prøvd i utallige timer, men får det ikke helt til.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Stian_S

Stian_S

Skrevet
Skrevet

Her har du kode som skal fungere.

 

<html>
<script language="Javascript">
function makeGreen(){
 document.bgColor='#00FF00';
 document.getElementById("1").style.color='blue';
 document.getElementById("2").style.color='blue';
}
function makeRed()	{
 document.bgColor='#FF0000';
 document.getElementById("2").style.color='yellow';
}
function makeYellow()	{
 document.bgColor='#FFF424';
 document.getElementById("1").style.color='red';
}
</script>
<body>

<h1 id="1">Hallo alle studenter i Informatikk</h1> 
<h3 id="2">ved Høgskolen i Vestfold</h3>

<input type="button" value="Grønn bakgrunn" onClick="makeGreen();"><br>
<input type="button" value="Rød bakgrunn" onClick="makeRed();"><br>
<input type="button" value="Gul bakgrunn" onClick="makeYellow();"><br>

</body>
</html>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...