You can edit / change the code and click run button <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="../../../ajax/libs/jquery/1-11-3/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("p").append(" <b>jQuery."); }); $("#btn2").click(function(){ $("ol").append("<li>New item"); }); }); </script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script> <p>I am learning</p> <p>I love learning </p> <ol> <li>First item </li> <li>Second item </li> <li>Third item </li> </ol> <button id="btn1">Append text</button> <button id="btn2">Append list item</button>