Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
51 lines (44 sloc) 1015 Bytes
package webpage
import org.scalajs.dom
import dom.html
import scalajs.js.annotation.JSExport
import scalatags.JsDom.all._
@JSExport
object Search0 extends{
@JSExport
def main(target: html.Div) = {
val listings = Seq(
"Apple", "Apricot", "Banana", "Cherry",
"Mango", "Mangosteen", "Mandarin",
"Grape", "Grapefruit", "Guava"
)
def renderListings = ul(
for {
fruit <- listings
if fruit.toLowerCase.startsWith(
box.value.toLowerCase
)
} yield li(fruit)
).render
lazy val box = input(
`type`:="text",
placeholder:="Type here!"
).render
val output = div(renderListings).render
box.onkeyup = (e: dom.Event) => {
output.innerHTML = ""
output.appendChild(renderListings)
}
target.appendChild(
div(
h1("Search Box!"),
p(
"Type here to filter " +
"the list of things below!"
),
div(box),
output
).render
)
}
}