mirror of
https://github.com/Sneed-Group/frontend-js-example
synced 2024-12-23 03:35:22 -06:00
27 lines
No EOL
926 B
HTML
27 lines
No EOL
926 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<script src="frontend.js"></script>
|
|
<script>
|
|
initHead("FrontendJS Example")
|
|
initBody()
|
|
clearPage()
|
|
writeHTML("body", markdownToHTML(`# Hello world!
|
|
|
|
This is an example of how to properly use Frontend JS.
|
|
Also it's a test if things are working.
|
|
|
|
* Air
|
|
* Water
|
|
* Fire
|
|
* Dirt
|
|
* ####ing magnets, how do they work!?!
|
|
`))
|
|
createParagraph("paragraphLorum", `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar nisl eu risus tincidunt, non aliquet metus tempor. Duis ac tortor commodo, venenatis leo at, consectetur nulla.`)
|
|
let dino = createButton("dino", "dino sound")
|
|
changeAttributes(dino, {"onclick": "spin('dino'); playAudio(`https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3`, 0.4)"})
|
|
applyCSS("body", "background", "black")
|
|
applyCSS("body", "color", "lime")
|
|
importGoogleFont('Roboto');
|
|
applyCSS("body", "font-family", "'Roboto', sans-serif")
|
|
</script>
|
|
</html> |