Updating browser quickstart to align more with node quickstart.

Since @clarle updated the node quickstart, I updated the browser quickstart to be not only more in line with the node quickstart but also update the example to do an actual translation. The example is meant to be simple and easy to understand right away. I also included a link to a Gist with the full working example on the client.
How come some lines end earlier than others? Are you adding a `/n` to some of these?