20 lines
519 B
HTML
20 lines
519 B
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>
|