文章相似度检测工具 - 纯JS实现文本对比 - 常规

<!DOCTYPE html>/n<html>/n<head>/n/t<title>文章相似度检测</title>/n/t<meta charset=/'utf-8/'>/n/t<link rel=/'stylesheet/' href=/'https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css/'>/n/t<script src=/'https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js/'></script>/n/t<style>/n/t/t#input1, #input2, #result {/n/t/t/tfont-size: 16px;/n/t/t/tcolor: #333;/n/t/t/tpadding: 10px;/n/t/t/tborder: 1px solid #ccc;/n/t/t/tborder-radius: 5px;/n/t/t/tmargin-bottom: 20px;/n/t/t}/n/t/t#result {/n/t/t/tbackground-color: #f5f5f5;/n/t/t/theight: 100px;/n/t/t/toverflow-y: auto;/n/t/t}/n/t/t.btn {/n/t/t/tmargin-top: 10px;/n/t/t}/n/t</style>/n</head>/n<body>/n/t<div class=/'container/'>/n/t/t<h1 class=/'text-center/'>文章相似度检测</h1>/n/t/t<div class=/'row/'>/n/t/t/t<div class=/'col-md-6/'>/n/t/t/t/t<h3>输入待检测文本1</h3>/n/t/t/t/t<textarea id=/'input1/'></textarea>/n/t/t/t</div>/n/t/t/t<div class=/'col-md-6/'>/n/t/t/t/t<h3>输入待检测文本2</h3>/n/t/t/t/t<textarea id=/'input2/'></textarea>/n/t/t/t</div>/n/t/t</div>/n/t/t<button class=/'btn btn-primary btn-block/' id=/'checkBtn/'>检测相似度</button>/n/t/t<div class=/'row/'>/n/t/t/t<div class=/'col-md-12/'>/n/t/t/t/t<h3>检测结果</h3>/n/t/t/t/t<div id=/'result/'></div>/n/t/t/t</div>/n/t/t</div>/n/t</div>/n/t<script>/n/t/t$(function() {/n/t/t/t$('#checkBtn').click(function() {/n/t/t/t/tvar text1 = $('#input1').val();/n/t/t/t/tvar text2 = $('#input2').val();/n/t/t/t/tif (text1 === '' || text2 === '') {/n/t/t/t/t/talert('请输入待检测文本');/n/t/t/t/t/treturn;/n/t/t/t/t}/n/t/t/t/tvar similarity = getSimilarity(text1, text2);/n/t/t/t/t$('#result').html('文本1和文本2的相似度为：' + similarity);/n/t/t/t});/n/n/t/t/tfunction getSimilarity(text1, text2) {/n/t/t/t/tvar words1 = text1.split(/[/s/n]+/);/n/t/t/t/tvar words2 = text2.split(/[/s/n]+/);/n/t/t/t/tvar wordCount1 = words1.length;/n/t/t/t/tvar wordCount2 = words2.length;/n/t/t/t/tvar sameCount = 0;/n/t/t/t/tfor (var i = 0; i < wordCount1; i++) {/n/t/t/t/t/tfor (var j = 0; j < wordCount2; j++) {/n/t/t/t/t/t/tif (words1[i] === words2[j]) {/n/t/t/t/t/t/t/tsameCount++;/n/t/t/t/t/t/t/tbreak;/n/t/t/t/t/t/t}/n/t/t/t/t/t}/n/t/t/t/t}/n/t/t/t/tvar similarity = sameCount / Math.sqrt(wordCount1 * wordCount2);/n/t/t/t/treturn similarity.toFixed(2);/n/t/t/t}/n/t/t});/n/t</script>/n</body>/n</html>