Hoe moet ik dit aanpakken?
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!
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/
Gewijzigd op 04/10/2016 20:00:21 door Koen Hollander
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.
Ik heb nu dit: console.log= document.getElementById('numclicked').innerHTML = num;
Is dit correct?
Gewijzigd op 17/10/2016 19:03:37 door - Ariën -
Kijk eens naar: http://www.w3schools.com/js/js_output.asp
je moet gewoon de variabele num gebruiken in in die functie.
Gewijzigd op 17/10/2016 19:25:58 door - Ariën -
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>
https://jsfiddle.net/n3kxjkjh/
Ikzelf zou het liever in een CSS-stijlblad defineren. Veel overzichtelijker.
je kan er één aparte class voor maken.
Gewijzigd op 26/10/2016 22:14:07 door - Ariën -
Nieuwe vraag = nieuwe thread.
En mogelijk wil je (topicstarter) zelf eerst wat meer uitzoekwerk verrichten voordat je een vraag stelt.
Ik heb 3 divs met opmaak, maar nu zou ik ervoor moeten zorgen dat wanneer ik op 1 div klik er in de console het volgende verschijnt:
Event type: Click
Target is: [HTMLdivElement]
Target html is: blauw
De target html moet veranderen als ik op een andere kleur klik.
Is hier wat leesvoer over?
Event type: Click
Target is: [HTMLdivElement]
Target html is: blauw
Hoe krijg ik deze 3 onder elkaar in de console afgedrukt?
Voor het eerste heb ik dit: (Weet niet of dit juist is?)
$(document).ready(function(){
$('div').on('click',function (event){
console.log('Event type is click')
})
Event type: Click
Target is: [HTMLdivElement]
Target html is: blauw
Je hebt toch gewoon je lesmateriaal? Waarom moeten wij je huiswerk voor je doen?
Gewijzigd op 30/10/2016 15:14:30 door Ben van Velzen