Met onderstaande markup maak je een set hints.
<link rel="stylesheet"
href="https://files.instruct.nl/fundament/Interactive/Hints/hints.css">
<details class="ct_hint">
<summary>Hint N</summary>
...
</details>
Om de broncode te openen, klik je ergens op de webpagina met je rechtermuisknop en kies je "View page source" / "Bekijk paginabron". Dan zie je de HTML van deze webpagina.
Kun je ergens een stukje HTML vinden dat een plaatje invoegt?
Op regel 41 staat
<img alt="tumtumtum" src="/thinking.png" />
Kun je dit slim aanpassen om de figuur die in de challenge genoemd staat (/success.jpg) in te
voegen?
/success.jpg)
in te voegen?
We willen de code
<img alt="tumtumtum" src="/success.jpg" />
uitvoeren via cross-site-scripting (XSS). Waar kunnen we deze code aan de webpagina voeren?
Je kunt meerdere details-elementen onderdeel maken van dezelfde collectie, door ze dezelfde
name te geven. Dan kun je maar één hint tegelijk openen:
<details class="ct_hint" name="vraag1">
<summary>Hint N</summary>
...
</details>
Om de broncode te openen, klik je ergens op de webpagina met je rechtermuisknop en kies je "View page source" / "Bekijk paginabron". Dan zie je de HTML van deze webpagina.
Kun je ergens een stukje HTML vinden dat een plaatje invoegt?
Op regel 41 staat
<img alt="tumtumtum" src="/thinking.png" />
Kun je dit slim aanpassen om de figuur die in de challenge genoemd staat (/success.jpg) in te
voegen?
/success.jpg)
in te voegen?
We willen de code
<img alt="tumtumtum" src="/success.jpg" />
uitvoeren via cross-site-scripting (XSS). Waar kunnen we deze code aan de webpagina voeren?