Replace a String's spaces with underscores

by timmah

HTML

<input type="text" id="input" placeholder="In" />
<input type="text" id="out" placeholder="Result" />

<button id="go">Go!</button>

<div id="output">
</div>

CSS

input {
	display:block;
	padding: 1em;
	margin: 2em;
}
#output {
	margin-top: 2em;
	padding: 2em;
	border: solid 1px #ccc;
	background-color: #ddd;
}

JavaScript

// Replace a String's spaces with underscores

$('#go').on('click', function() {
	var $val = $('#input').val().toLowerCase().replace(/\ /g, '_');
		
	$('#out').val($val);	
	$('#output').html($val);
});