Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: scala-js/scala-js-dom
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 8c4ee12
Choose a base ref
...
head repository: scala-js/scala-js-dom
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 9da433c
Choose a head ref

There isn’t anything to compare.

8c4ee12 and 9da433c are entirely different commit histories.

Showing with 8 additions and 8 deletions.
  1. +8 −8 index.html
16 changes: 8 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
@@ -115,7 +115,7 @@ <h1 id="Node.appendChild" style="display: block;" class=" scalatex-site-Styles-h
val child = dom.document.createElement(&quot;div&quot;)
child.textContent = &quot;Hi from Scala-js-dom&quot;
div.appendChild(child)
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L20-L25" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleNodeAppendChild.main(document.getElementById('147504'))">Run</a><div><div id="147504" style="background-color: #fafafa;">div</div></div></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L20-L25" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleNodeAppendChild.main(document.getElementById('39132'))">Run</a><div><div id="39132" style="background-color: #fafafa;">div</div></div></div><div style="clear: both;"></div></div>

<h1 id="Node.onmousemove" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#Node.onmousemove" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>Node.onmousemove</h1>
<div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(pre: html.Pre) = {
@@ -130,7 +130,7 @@ <h1 id="Node.onmousemove" style="display: block;" class=" scalatex-site-Styles-h
|e.screenY ${e.screenY}
&quot;&quot;&quot;.stripMargin
}
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L113-L126" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><pre id="188403" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('188403'))</script></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L113-L126" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><pre id="280512" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('280512'))</script></div><div style="clear: both;"></div></div>

<h1 id="dom.btoa" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.btoa" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.btoa</h1>
<div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(in: html.Input,
@@ -139,7 +139,7 @@ <h1 id="dom.btoa" style="display: block;" class=" scalatex-site-Styles-hoverCont
out.textContent =
dom.window.btoa(in.value)
}
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L101-L108" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" placeholder="Enter text to b64 encode" id="584075" /><div id="719200" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('584075'), document.getElementById('719200'))</script></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L101-L108" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" placeholder="Enter text to b64 encode" id="120437" /><div id="151174" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('120437'), document.getElementById('151174'))</script></div><div style="clear: both;"></div></div>

<h1 id="dom.localStorage" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.localStorage" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.localStorage</h1>
<div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(in: html.Input, box: html.Div) = {
@@ -155,7 +155,7 @@ <h1 id="dom.localStorage" style="display: block;" class=" scalatex-site-Styles-h
box.textContent =
&quot;Saved! &quot; + in.value
}
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L56-L70" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" id="359936" /><div id="697599" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('359936'), document.getElementById('697599'))</script></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L56-L70" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" id="325683" /><div id="744565" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('325683'), document.getElementById('744565'))</script></div><div style="clear: both;"></div></div>

<h1 id="dom.HTMLCanvasElement" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.HTMLCanvasElement" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.HTMLCanvasElement</h1>
<div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(c: html.Canvas) = {
@@ -178,7 +178,7 @@ <h1 id="dom.HTMLCanvasElement" style="display: block;" class=" scalatex-site-Sty
ctx.arc(w/2, w/2, w/2, 0, 3.14)

ctx.stroke()
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L75-L96" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><canvas id="673282" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('673282'))</script></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L75-L96" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><canvas id="543903" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('543903'))</script></div><div style="clear: both;"></div></div>

<h1 id="dom.Fetch" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.Fetch" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.Fetch</h1>
<div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(pre: html.Pre) = {
@@ -197,7 +197,7 @@ <h1 id="dom.Fetch" style="display: block;" class=" scalatex-site-Styles-hoverCon
}
for (text &lt;- responseText)
pre.textContent = text
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L131-L148" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleFetch.main(document.getElementById('367748'))">Run</a><div><pre id="367748" style="background-color: #fafafa;">output</pre></div></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L131-L148" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleFetch.main(document.getElementById('489506'))">Run</a><div><pre id="489506" style="background-color: #fafafa;">output</pre></div></div><div style="clear: both;"></div></div>

<h1 id="dom.Websocket" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.Websocket" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.Websocket</h1>
<div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(in: html.Input,
@@ -214,7 +214,7 @@ <h1 id="dom.Websocket" style="display: block;" class=" scalatex-site-Styles-hove
socket.send(in.value)
}
}
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L153-L168" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input placeholder="Type something in" id="349164" style="background-color: #fafafa;" /><pre id="773165" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('349164'), document.getElementById('773165'))</script></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L153-L168" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input placeholder="Type something in" id="486906" style="background-color: #fafafa;" /><pre id="626445" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('486906'), document.getElementById('626445'))</script></div><div style="clear: both;"></div></div>

<h1 id="Element.style" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#Element.style" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>Element.style</h1>
<div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(div: html.Div) = {
@@ -226,7 +226,7 @@ <h1 id="Element.style" style="display: block;" class=" scalatex-site-Styles-hove
util.Random.nextInt(colors.length)

div.style.color = colors(index)
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L41-L51" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleElementStyle.main(document.getElementById('73695'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="73695"><b>div</b></div></div></div><div style="clear: both;"></div></div>
}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L41-L51" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleElementStyle.main(document.getElementById('913830'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="913830"><b>div</b></div></div></div><div style="clear: both;"></div></div>

<p>
The goal of this project is to provide a thin-but-idiomatic-scala interface to modern browser APIs. In particular:</p>