2023-12-18 22:03:06 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<script src="SpaccDotWeb.js" module="SpaccDotWeb"></script>
|
|
|
|
|
|
2024-01-03 20:43:05 +01:00
|
|
|
<!-- -->
|
2023-12-18 22:03:06 +01:00
|
|
|
<script module="Meta">({
|
|
|
|
|
"Name": "The Testing",
|
|
|
|
|
"Description": "Useful for doing The Testing",
|
|
|
|
|
"Uri": "https://example.com/Testing",
|
|
|
|
|
})</script>
|
2024-01-03 20:43:05 +01:00
|
|
|
<!-- -->
|
2023-12-18 22:03:06 +01:00
|
|
|
|
|
|
|
|
<script module="Main">
|
|
|
|
|
const Spacc = SpaccDotWeb.AppInit();
|
|
|
|
|
|
|
|
|
|
Spacc.Select('#App').innerHTML = `
|
|
|
|
|
<p>Click to log!</p>
|
|
|
|
|
<button>Log</button>
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
Spacc.Select('#App button').onclick = () => {
|
|
|
|
|
Spacc.Select('#App').innerHTML += `<xmp style="white-space: break-spaces;">
|
|
|
|
|
${(document.documentElement.outerHTML)}
|
|
|
|
|
</xmp>`;
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script module="Testing">
|
2024-01-03 20:43:05 +01:00
|
|
|
Spacc.Select('#App').appendChild(Spacc.Create('p', { innerHTML: `<b>The auto-testing is complete.</b>` }));
|
2023-12-18 22:03:06 +01:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
background: lightgray;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
