<meta name="viewport" content="width=device-width">
<button id="main_button">click me</buttton>
<script id="jsbin-javascript">
var capify = function capify(str) {
return [str.charAt(0).toUpperCase(), str.substring(1)].join("");
var processWords = function processWords(fn, str) {
return str.split(" ").map(fn).join(" ");
var getValue = function getValue() {
var something = prompt("Give me something to capitalize");
alert(processWords(capify, something));
document.getElementById("main_button").addEventListener("click", getValue);
var capify = function(str) {
return [str.charAt(0).toUpperCase(), str.substring(1)].join("");
var processWords = function(fn, str) {
return str.split(" ").map(fn).join(" ");
var getValue = function(e) {
var something = prompt("Give me something to capitalize");
alert(processWords(capify, something));
document.getElementById("main_button").addEventListener("click", getValue);
<script id="jsbin-source-javascript" type="text/javascript">{
const capify = str => [str.charAt(0).toUpperCase(), str.substring(1)].join("");
const processWords = (fn, str) => str.split(" ").map(fn).join(" ");
let something = prompt("Give me something to capitalize");
alert(processWords(capify, something));
document.getElementById("main_button").addEventListener("click", getValue);
var capify = function(str) {
return [str.charAt(0).toUpperCase(), str.substring(1)].join("");
var processWords = function(fn, str) {
return str.split(" ").map(fn).join(" ");
var getValue = function(e) {
var something = prompt("Give me something to capitalize");
alert(processWords(capify, something));
document.getElementById("main_button").addEventListener("click", getValue);