[Golang] GopherJS Synonyms with JavaScript

window

js.Global

dom.GetWindow()

alert("Hello World")

js.Global.Call("alert", "Hello World")

dom.GetWindow().Alert("Hello World")

document

js.Global.Get("document")

dom.GetWindow().Document()

window.navigator

js.Global.Get("navigator")

dom.GetWindow().Navigator()

window.navigator.language
window.navigator.languages

js.Global.Get("navigator").Get("language").String()
js.Global.Get("navigator").Get("languages").String()

// not implemented

element = document.getElementById("foo");

element := js.Global.Get("document").Call("getElementById", "foo")

element := dom.GetWindow().Document().GetElementByID("foo")

// read
var value = document.getElementById("foo").innerHTML;
// set
document.getElementById("foo").innerHTML = "new value";

element := js.Global.Get("document").Call("getElementById", "foo")
// read
value := element.Get("innerHTML").String()
// set
element.Set("innerHTML", "new value")

element := dom.GetWindow().Document().GetElementByID("foo")
// read
value := element.InnerHTML()
// set
element.SetInnerHTML("new value")

// read
var value = document.getElementById("foo").textContent;
// set
document.getElementById("foo").textContent = "new value";

element := js.Global.Get("document").Call("getElementById", "foo")
// read
value := element.Get("textContent").String()
// set
element.Set("textContent", "new value")

element := dom.GetWindow().Document().GetElementByID("foo")
// read
value := element.TextContent()
// set
element.SetTextContent("new value")

var foo = document.getElementById("foo");
// register onclick event
foo.addEventListener("click", function(event) {
  // do something
  event.preventDefault()
}, false);

foo := js.Global.Get("document").Call("getElementById", "foo")
// register onclick event
foo.Call("addEventListener", "click", func(event *js.Object) {
  // do something
  event.Call("preventDefault")
}, false)

foo := dom.GetWindow().Document().GetElementByID("foo")
// register onclick event
foo.AddEventListener("click", false, func(event dom.Event) {
  // do something
  event.PreventDefault()
})

var foo = document.getElementById("foo");

while (foo.hasChildNodes()) {
  foo.removeChild(foo.lastChild);
}

foo := js.Global.Get("document").Call("getElementById", "foo")

for foo.Call("hasChildNodes").Bool() {
  foo.Call("removeChild", foo.Get("lastChild"))
}

foo := dom.GetWindow().Document().GetElementByID("foo")
// assume foo is a div element, type assertion.
f := foo.(*dom.HTMLDivElement)
for f.HasChildNodes() {
  f.RemoveChild(f.LastChild())
}

var div = document.createElement("div");

div := js.Global.Get("document").Call("createElement", "div")

var text = document.createTextNode("Hello World!");

text := js.Global.Get("document").Call("createTextNode", "Hello World!")

// current URL: http://localhost:8000/code/gopherjs/window-location/index.html?a=1

// return - http://localhost:8000/code/gopherjs/window-location/index.html?a=1
window.location.href
// return - /code/gopherjs/window-location/index.html
window.location.pathname
// return - ?a=1
window.location.search

// current URL: http://localhost:8000/code/gopherjs/window-location/index.html?a=1

var location = js.Global.Get("location")
// return - http://localhost:8000/code/gopherjs/window-location/index.html?a=1
location.Get("href").String()
// return - /code/gopherjs/window-location/index.html
location.Get("pathname").String()
// return - ?a=1
location.Get("search").String()

var elm = document.querySelector(".myclass");

d := js.Global.Get("document")
elm := d.Call("querySelector", ".myclass")

var elmList = document.querySelectorAll("div");
for (var i = 0; i < elmList.length; ++i) {
  var elm = elmList[i];
  // do something with the element
}

d := js.Global.Get("document")
nodeList := d.Call("querySelectorAll", "div")
length := nodeList.Get("length").Int()
for i := 0; i < length; i++ {
  elm := nodeList.Call("item", i)
  // do something with the element
}

if (element.classList.contains("myClassName")) {
  // do something
}

if element.Get("classList").Call("contains", "myClassName").Bool() {
  // do something
}