Maak een html pagina die een extern .js bestand inleest. Bedoeling is dat de tekst "Hallo wereld" 6 keer afdrukt wordt afgedrukt d.m.v. een lus. De opmaak van de tekst moet gaan van <h1> naar <h6>. De afdruk moet gebeuren indien de gebruiker op een knop klikt. Bewaar als "jenaam_extern.html" en "extern.js".

Ik zou graag alles in detail willen lezen, dus ook wat ik moet ingeven!
Sander Verslegers op 04/10/2016 19:29:13

Maak een html pagina die een extern .js bestand inleest. Bedoeling is dat de tekst "Hallo wereld" 6 keer afdrukt wordt afgedrukt d.m.v. een lus. De opmaak van de tekst moet gaan van <h1> naar <h6>. De afdruk moet gebeuren indien de gebruiker op een knop klikt. Bewaar als "jenaam_extern.html" en "extern.js".

Ik zou graag alles in detail willen lezen, dus ook wat ik moet ingeven!


Goed meneer, uw bestelling is geaccepteerd en PHPHulp zal een script leveren in een kleine tijd.

Natuurlijk niet, wij willen je wel helpen, daar niet van. Maar het is vanzelfsprekend toch de bedoeling dat je zelf de tijd neemt om hier wat mee te doen. Wat heb je zelf zoal gedaan om dit voor elkaar te krijgen? En wat werkte er niet?

Nogmaals, we maken je schoolwerk e.d. niet. We helpen je alleen, zonder dingen voor te zeggen.

Dus wat leesvoer...

http://www.w3schools.com
https://www.codecademy.com/
Bedankt, ik heb een nieuwe vraag:

Ik heb een knop (button) gemaakt die een cijfer weergeeft, dus elke keer als ik op die button klik komt er 1 bij 0,1,2 enzovoort. Maar ik zou in de console het resultaat van die knop moeten weergeven hoe doe dit?

<body>
<button onClick="numtimesclicked()" ><div id="numclicked" value="0"> </button>

<script>
var num =0;
function numtimesclicked(){
num = num+1;
document.getElementById('numclicked').innerHTML = num;
}

console.log ('numclicked')
</script>

Toelichting console: dat is het apart venster dat je kan zien als op de HTMl pagina rechtermuisknop, inspecteren klikt.
Hint: je toont nu een string in je console.log() en niet je variabele.
Als antwoord op reactie Ariën: Ik zie nog steeds niks in de console staan.

Ik heb nu dit: console.log= document.getElementById('numclicked').innerHTML = num;

Is dit correct?
nee, dat klopt ook niet. console.log() is een functie.
Wat moet het dan zijn?
Ik kan het wel op een presenteerblaadje opdienen, maar leer je daar wat van ;-)?

Kijk eens naar: http://www.w3schools.com/js/js_output.asp
je moet gewoon de variabele num gebruiken in in die functie.
Reactie op Ariën: Ja, ik had de leerstof nog niet gezien in de les, bedankt voor de tip!

Nu een vraag voor iedereen: Ik heb 3 divs met style eigenschappen, maar ik twijfel of de style eigenschappen op deze manier ingegeven worden?

<div style=
"margin: 10px;
padding: 12px;
border:2px solid #666;
width: 60px;
Background-color: #0000FF"> Blauw</div>
<div style="margin: 10px;
padding: 12px;
border:2px solid #666;
width: 60px;
Background-color: #04B404"> Groen</div>
<div style="margin: 10px;
padding: 12px;
border:2px solid #666;
width: 60px;
Background-color: #DF0101"> Rood</div>
Vanwaar je twijfels?
https://jsfiddle.net/n3kxjkjh/


Ikzelf zou het liever in een CSS-stijlblad defineren. Veel overzichtelijker.
je kan er één aparte class voor maken.

Reageren