Fydler UtilityBelt - Text Diff Checker

Text Diff Checker

Text & Development Tool

Original Text

Modified Text

Differences

Compare results will appear here...

How to read the results

Highlighted green text indicates additions in the modified version.
Struck-through red text indicates removals from the original version.
Unchanged text remains as is.

lucide.createIcons(); const t1 = document.getElementById('text-1'); const t2 = document.getElementById('text-2'); const output = document.getElementById('diff-output'); const compareBtn = document.getElementById('compare-btn'); compareBtn.addEventListener('click', () => { const diff = Diff.diffChars(t1.value, t2.value); output.innerHTML = ''; diff.forEach((part) => { const span = document.createElement('span'); if (part.added) span.className = 'diff-added'; if (part.removed) span.className = 'diff-removed'; span.textContent = part.value; output.appendChild(span); }); if (output.innerHTML === '') { output.innerHTML = 'No differences found.'; } });