文章对比相似度检测工具 - 在线检测文章重复率 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>文章对比相似度</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="container">
		<h1>文章对比相似度</h1>
		<div class="input-group">
			<label for="text1" style="font-size: 16px; color: #333;">文本框1：</label>
			<textarea id="text1" style="font-family: Arial; font-size: 14px;"></textarea>
			<div id="word-count1" style="font-size: 12px; color: #666;"></div>
		</div>
		<div class="input-group">
			<label for="text2" style="font-size: 16px; color: #333;">文本框2：</label>
			<textarea id="text2" style="font-family: Arial; font-size: 14px;"></textarea>
			<div id="word-count2" style="font-size: 12px; color: #666;"></div>
		</div>
		<button id="btn" style="font-size: 16px; color: #fff; background-color: #007bff; border: none; padding: 10px 20px;">对比相似度</button>
		<div id="result" style="font-size: 16px; color: #333; margin-top: 20px;"></div>
	</div>
<pre><code>&lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(function() {
	// 2. 输入空格、换行符等特殊字符，检查是否能够正确处理。
	$('#text1').val('This is
</code></pre>
<p>a test.	 ');
$('#text2').val('This is a test.');</p>
<pre><code>	$('#btn').click(function() {
		// 3. 输入不同长度的文本，检查是否能够正确计算相似度。
		var text1 = $('#text1').val().replace(/\s+/g, '');
		var text2 = $('#text2').val().replace(/\s+/g, '');
		var similarity = getSimilarity(text1, text2);
		var result = '';
		var wordCount1 = text1.trim().split(/\s+/).length;
		var wordCount2 = text2.trim().split(/\s+/).length;
		if (similarity &lt; 0.3) {
			// 4. 输入完全相同的文本，检查是否能够正确判断为原创。
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，判定为原创。';
		} else if (similarity &gt;= 0.3 &amp;&amp; similarity &lt;= 0.5) {
			// 5. 输入部分相同的文本，检查是否能够正确判断为文章相似度高。
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，文章相似度高。';
		} else if (similarity &gt; 0.5 &amp;&amp; similarity &lt;= 0.8) {
			// 6. 输入大量相同的文本，检查是否能够正确判断为相似度已经非常高。
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，相似度已经非常高。';
		} else {
			// 7. 输入完全不同的文本，检查是否能够正确判断为纯属抄袭。
			result = '相似度为：' + (similarity * 100).toFixed(2) + '%，纯属抄袭。';
		}
		$('#result').text(result);
		$('#word-count1').text('字数：' + wordCount1);
		$('#word-count2').text('字数：' + wordCount2);
	});

	// 1. 检查文本框和结果框的样式是否符合要求，例如字体、大小、颜色等。
	$('textarea').css({ 'font-family': 'Arial', 'font-size': '14px' });
	$('label').css({ 'font-size': '16px', 'color': '#333' });
	$('#word-count1, #word-count2').css({ 'font-size': '12px', 'color': '#666' });
	$('#btn').css({ 'font-size': '16px', 'color': '#fff', 'background-color': '#007bff', 'border': 'none', 'padding': '10px 20px' });
	$('#result').css({ 'font-size': '16px', 'color': '#333', 'margin-top': '20px' });

	function getSimilarity(text1, text2) {
		var len1 = text1.length;
		var len2 = text2.length;
		var maxlen = Math.max(len1, len2);
		var minlen = Math.min(len1, len2);
		var same = 0;
		for (var i = 0; i &lt; minlen; i++) {
			if (text1[i] == text2[i]) {
				same++;
			}
		}
		var similarity = same / maxlen;
		return similarity;
	}
}); 
&lt;/script&gt;
</code></pre>
</body>
</html>