First code sample for a blog post about doing this wrong before getting it right

motorcycle_clear_input_blog_step_one.js

//http://www.webpackbin.com/4kRwlEo1Z
import Motorcycle from '@motorcycle/core'
import {div, label, input, hr, h1, makeDOMDriver} from '@motorcycle/dom';
import most from 'most'

function main(sources) {
  const input$ = sources.DOM.select('.field').events('input')
  const click$ = sources.DOM.select('.btn').events('click')
  
  const sinks = {
    DOM: click$
      .sample((in$) => in$, input$)
      .map(ev => ev.target.value)
      .startWith('')
      .map(name =>
        div([
          label('Name:'),
          input('.field', {attrs: {type: 'text'}, props: {value:''}}),
          input('.btn', {attrs:{type:'submit',value:'Save'}}),
          hr(),
          h1('Hello ' + name)
        ])
      )
  };
  return sinks;
}

Motorcycle.run(main, { DOM: makeDOMDriver('#app') });