Skip to content

Instantly share code, notes, and snippets.

@joelburton

joelburton/index.html

Created December 6, 2014 18:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joelburton/3ec17ab73d4ee88f3c61 to your computer and use it in GitHub Desktop.
Save joelburton/3ec17ab73d4ee88f3c61 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
Limit: <input id="num"> <button>Show</button>
<ul id="melons">
</ul>
<script id="jsbin-javascript">
var melons = ["Watermleon", "Musk Melon", "Canteloupe"];
var ul = $("#melons");
$("button").click(function () {
var limit = parseInt($("#num").val());
for (var i = 0; i < limit && i < melons.length; i++) {
ul.append("<li>" + melons[i] + "</li>");
}
});
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"><\/script>
</head>
<body>
Limit: <input id="num"> <button>Show</button>
<ul id="melons">
</ul>
</body>
</html></script>
<script id="jsbin-source-javascript" type="text/javascript">var melons = ["Watermleon", "Musk Melon", "Canteloupe"];
var ul = $("#melons");
$("button").click(function () {
var limit = parseInt($("#num").val());
for (var i = 0; i < limit && i < melons.length; i++) {
ul.append("<li>" + melons[i] + "</li>");
}
});</script></body>
</html>
Raw
jsbin.fiqawupihi.js
var melons = ["Watermleon", "Musk Melon", "Canteloupe"];
var ul = $("#melons");
$("button").click(function () {
var limit = parseInt($("#num").val());
for (var i = 0; i < limit && i < melons.length; i++) {
ul.append("<li>" + melons[i] + "</li>");
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment