web_example.html

<pre id="display"></pre>
<script src="../dist/diff.js"></script>
<script>
var one = 'beep boop';
var other = 'beep boob blah';
 
var diff = JsDiff.diffChars(one, other);
 
diff.forEach(function(part){
 // green for additions, red for deletions
 // grey for common parts
 var color = part.added ? 'green' :
 part.removed ? 'red' : 'grey';
 var span = document.createElement('span');
 span.style.color = color;
 span.appendChild(document
 .createTextNode(part.value));
 display.appendChild(span);
});
</script>