WoofJS to JavaScript

Similarities

Many things are the same in WoofJS and JavaScript, including:

• if/else statements
• variables
• data structures (numbers, strings, objects, arrays)
• functions

Differences

The main difference is that regular JavaScript doesn't have sprites. Instead it has HTML elements. But once you give an HTML element an id, you can use it in JavaScript almost like how you'd use a WoofJS sprite.

setBackdropColor("blue")

document.body.style.backgroundColor = "blue"

var t = new Text({text: "hello!"})

<div id="t">hello</div>

ready(() => {/* code here */})

document.body.onload = () => {/* code here */}

sprite1.onClick(() => {/* code here */})

elem1.onclick = () => {/* code here */}

every(30, "miliseconds", () => {/* code here */})

setInterval(() => {/* code here */}, 30)

forever(() => {/* code here */})

setInterval(() => {/* code here */}, 0)

after(1, "second", () => {/* code here */})

setTimeout(() => {/* code here */}, 1000)

.innerHTML and .innerHTML =

You can get the contents of an HTML element with:

elem1.innerHTML

You can add to the end of an HTML element with:

elem1.innerHTML += "something more"

You can set the contents of an HTML element with:

elem1.innerHTML = "something"

.style

You can use .style to set the CSS styles of an HTML element.

elem1.style.backgroundColor = "blue"

Or the font-size:

elem1.style.fontSize = "20px"