test

by Hitesh Trivedi

HTML

<button id="bold">Bold</button>
<button id="normal">Normal</button>
<p>Hello</p>
<p>cruel</p>
<p>World</p>

CSS

div {
    border: 2px solid blue;
  }
  p {
    background: yellow;
    margin: 4px;
  }

JavaScript

var getSelected = function(){
    var t = '';
    if(window.getSelection) {
        t = window.getSelection();
    } else if(document.getSelection) {
        t = document.getSelection();
    } else if(document.selection) {
        t = document.selection.createRange().text;
    }
    return t;
}
$('#bold').click(function(){
    
    $( "p" ).wrap( "<b></b>" );
});
$('#normal').click(function(){
    
    $( "p" ).wrap( "<b></b>" );
});