Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<div id="contain" align="center">
  <button id="add1">Add 1</button>
  <button id="add2">Add 2</button>
  <button id="add3">Add 3</button>
  <button id="add4">Add 4</button>
  
  <textarea id="textbox">Default text</textarea>
</div>
 
$('#add1').click(Add1);
$('#add2').click(Add2);
$('#add3').click(Add3);
$('#add4').click(Add4);
var textbox = $("#textbox");
// Dynamic Add
function Add1() {
  textbox.val("Add 1");}
function Add2() {
  textbox.append("&lt;div class='gendiv'&gt;gendiv&lt;/div&gt;");}
function Add3() {
  textbox.html("<a href='http://bing.com/'>Bing</a>");}
function Add4() {
  textbox.text("&lt;img src='http://farm5.static.flickr.com/4111/5208943327_ec7203ac0e.jpg'&gt;");}
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers