113 lines
4.6 KiB
HTML
113 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
|
|
<div class="lesson-page-wrapper">
|
|
<div class="adoc-content" th:replace="doc:ChromeDevTools_intro.adoc"></div>
|
|
</div>
|
|
|
|
<div class="lesson-page-wrapper">
|
|
<div class="adoc-content" th:replace="doc:ChromeDevTools_elements.adoc"></div>
|
|
</div>
|
|
|
|
<div class="lesson-page-wrapper">
|
|
<div class="adoc-content" th:replace="doc:ChromeDevTools_console.adoc"></div>
|
|
</div>
|
|
|
|
<div class="lesson-page-wrapper">
|
|
<div class="adoc-content" th:replace="doc:ChromeDevTools_Assignment.adoc"></div>
|
|
<div class="attack-container">
|
|
<div class="assignment-success"><i class="fa fa-2 fa-check hidden" aria-hidden="true"></i></div>
|
|
<form class="attack-form" accept-charset="UNKNOWN"
|
|
method="POST" name="DOMFollowUp"
|
|
action="/WebGoat/CrossSiteScripting/dom-follow-up"
|
|
enctype="application/json;charset=UTF-8">
|
|
<input name="successMessage" value="" type="TEXT" />
|
|
<input name="submitMessage" value="Submit" type="SUBMIT"/>
|
|
</form>
|
|
<div class="attack-feedback"></div>
|
|
<div class="attack-output"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="lesson-page-wrapper">
|
|
<div class="adoc-content" th:replace="doc:ChromeDevTools_sources.adoc"></div>
|
|
</div>
|
|
|
|
<div class="lesson-page-wrapper">
|
|
<div class="adoc-content" th:replace="doc:ChromeDevTools_Assignment_Network.adoc"></div>
|
|
<div class="attack-container">
|
|
<div class="assignment-success"><i class="fa fa-2 fa-check hidden" aria-hidden="true"></i></div>
|
|
<form class="attack-form" accept-charset="UNKNOWN"
|
|
method="POST" name="form"
|
|
action="/WebGoat/ChromeDevTools/dummy"
|
|
enctype="application/json;charset=UTF-8">
|
|
<script>
|
|
// sample custom javascript in the recommended way ...
|
|
// a namespace has been assigned for it, but you can roll your own if you prefer
|
|
document.getElementById("btn").addEventListener("click", function() {
|
|
document.getElementById("networkNum").value = Math.random() * 100;
|
|
document.getElementById("networkNumCopy").value = document.getElementById("networkNum").value;
|
|
});
|
|
</script>
|
|
<input type="hidden" name="networkNum" id="networkNum" value="foo" />
|
|
<table>
|
|
<tr>
|
|
<td>Click this button to make a request:</td>
|
|
<td><input id="btn" name="SUBMIT" value="Go!" type="SUBMIT" /></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
|
|
<form class="attack-form" accept-charset="UNKNOWN"
|
|
method="POST" name="form"
|
|
action="/WebGoat/ChromeDevTools/network"
|
|
enctype="application/json;charset=UTF-8">
|
|
<table>
|
|
<tr>
|
|
<td>What is the number you found: </td>
|
|
<td><input name="number" type="text"/></td>
|
|
<td><input type="submit" name="Submit" value="check"/></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
<input type="hidden" name="network_num" id="networkNumCopy" value="foo" />
|
|
</form>
|
|
<div class="attack-feedback"></div>
|
|
<div class="attack-output"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="lesson-page-wrapper">
|
|
<div class="attack-container">
|
|
<div class="assignment-success"><i class="fa fa-2 fa-check hidden" aria-hidden="true"></i></div>
|
|
<form class="attack-form" accept-charset="UNKNOWN"
|
|
method="POST" name="form"
|
|
action="/WebGoat/HttpBasics/attack1"
|
|
enctype="application/json;charset=UTF-8">
|
|
<script>
|
|
console.log("in listener");
|
|
document.getElementById("butn").addEventListener("click", function() {
|
|
document.getElementById("inp").value = Math.random() * 100;
|
|
});
|
|
</script>
|
|
<table>
|
|
<tr>
|
|
<td>Click this Button to make a request</td>
|
|
<td><Button id="butn"></Button></td>
|
|
<td><input id="inp" name="networkNumber" value="" type="hidden"/><input
|
|
name="SUBMIT" value="Go!" type="SUBMIT" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td>The Network Number is:</td>
|
|
<td><input name="number" value="" type="text" /></td>
|
|
<td><button type="submit" formaction="/WebGoat/ChromeDevTools/network">Check</button></td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</html> |