eubenesa/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
h1 {
  color: green;
}

.header.logo.logo-emphasis {
  color: red;
}

#sideboard h1 {
  color: blue;
}
</style>
</head>
<body>
  <div>
    <input id="uppercase-input" type="text"/>
  </div>

  <div id="sideboard">
    <h1 class="header logo logo-emphasis">BrandTitle</h1>
  </div>
<script id="jsbin-javascript">
'use strict';

var logger = {
  leadText: 'INFO: ',
  info: function info(str) {
    console.log('' + this.leadText + str);
  }
};

var fn = logger.info('function was called');

var repeat = function repeat(str, everyXSeconds, yTimes) {
  var logger = function logger(str, i) {
    setTimeout(function () {
      console.log(str);
    }, i * everyXSeconds * 1000);
  };

  for (var i = 1; i < yTimes + 1; i++) {
    logger(str, i);
  }
};

repeat('test code', 2, 5);

document.getElementById('uppercase-input').addEventListener('input', function (event) {
  event.target.value = event.target.value.toUpperCase();
});
</script>


<script id="jsbin-source-css" type="text/css">h1 {
  color: green;
}

.header.logo.logo-emphasis {
  color: red;
}

#sideboard h1 {
  color: blue;
}</script>

<script id="jsbin-source-javascript" type="text/javascript">const logger = {
  leadText: 'INFO: ',
  info: function (str) {
    console.log(`${this.leadText}${str}`);
  }
};

const fn = logger.info('function was called');


const repeat = (str, everyXSeconds, yTimes) => {
  const logger = (str, i) => {
    setTimeout(() => {
      console.log(str);
    }, i * everyXSeconds * 1000);
  };

  for (let i = 1; i < yTimes + 1; i++) {
    logger(str, i);
  }
};

repeat('test code', 2, 5);


document.getElementById('uppercase-input').addEventListener('input', (event) => {
  event.target.value = event.target.value.toUpperCase();
});</script></body>
</html>

## jsbin.nafubus.css
h1 {
  color: green;
}

.header.logo.logo-emphasis {
  color: red;
}

#sideboard h1 {
  color: blue;
}

## jsbin.nafubus.js
'use strict';

var logger = {
  leadText: 'INFO: ',
  info: function info(str) {
    console.log('' + this.leadText + str);
  }
};

var fn = logger.info('function was called');

var repeat = function repeat(str, everyXSeconds, yTimes) {
  var logger = function logger(str, i) {
    setTimeout(function () {
      console.log(str);
    }, i * everyXSeconds * 1000);
  };

  for (var i = 1; i < yTimes + 1; i++) {
    logger(str, i);
  }
};

repeat('test code', 2, 5);

document.getElementById('uppercase-input').addEventListener('input', function (event) {
  event.target.value = event.target.value.toUpperCase();
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	h1 {
	color: green;
	}

	.header.logo.logo-emphasis {
	color: red;
	}

	#sideboard h1 {
	color: blue;
	}
	</style>
	</head>
	<body>
	<div>
	<input id="uppercase-input" type="text"/>
	</div>

	<div id="sideboard">
	<h1 class="header logo logo-emphasis">BrandTitle</h1>
	</div>
	<script id="jsbin-javascript">
	'use strict';

	var logger = {
	leadText: 'INFO: ',
	info: function info(str) {
	console.log('' + this.leadText + str);
	}
	};

	var fn = logger.info('function was called');

	var repeat = function repeat(str, everyXSeconds, yTimes) {
	var logger = function logger(str, i) {
	setTimeout(function () {
	console.log(str);
	}, i * everyXSeconds * 1000);
	};

	for (var i = 1; i < yTimes + 1; i++) {
	logger(str, i);
	}
	};

	repeat('test code', 2, 5);

	document.getElementById('uppercase-input').addEventListener('input', function (event) {
	event.target.value = event.target.value.toUpperCase();
	});
	</script>


	<script id="jsbin-source-css" type="text/css">h1 {
	color: green;
	}

	.header.logo.logo-emphasis {
	color: red;
	}

	#sideboard h1 {
	color: blue;
	}</script>

	<script id="jsbin-source-javascript" type="text/javascript">const logger = {
	leadText: 'INFO: ',
	info: function (str) {
	console.log(`${this.leadText}${str}`);
	}
	};

	const fn = logger.info('function was called');


	const repeat = (str, everyXSeconds, yTimes) => {
	const logger = (str, i) => {
	setTimeout(() => {
	console.log(str);
	}, i * everyXSeconds * 1000);
	};

	for (let i = 1; i < yTimes + 1; i++) {
	logger(str, i);
	}
	};

	repeat('test code', 2, 5);


	document.getElementById('uppercase-input').addEventListener('input', (event) => {
	event.target.value = event.target.value.toUpperCase();
	});</script></body>
	</html>