したがって、mouseenter/mouseleave 関数を除いて、これが行うべきことは、ユーザー入力を取得し、それを各配列配置に 3 文字の配列に分割することです (例: ユーザー入力 abcdef... は abc、def になります) 、...)。スタック オーバーフローに関する別の投稿を読みました ( How do you split a string at certain character numbers in javascript? )。ただし、これを次のコードで機能させることはできません。
ここに私のscript.jsがあります:
$(document).ready(function() {
$('#button_translate').mouseenter(function() {
$('#button_translate').fadeTo('fast', 1);
});
$('#button_translate').mouseleave(function() {
$('#button_translate').fadeTo('fast', 0.7);
});
$('#button_clear').mouseenter(function() {
$('#button_clear').fadeTo('fast', 1);
});
$('#button_clear').mouseleave(function() {
$('#button_clear').fadeTo('fast', 0.7);
});
$('#button_translate').click(function() {
var dna = $('input[name=dna]').val();
var dna = dna.toUpperCase();
function allBases(text) {
var bases = /^[ACGT]+$/;
if(text.match(bases)) {
var arr = Array.prototype.slice.call(dna), output = [];
while (arr.length) output.push(arr.splice(0, 3).join('');
document.write(arr + " is a DNA sequence.");
}
else
{
document.write(dna + " is not a real DNA sequence.");
}
}
allBases(dna);
});
});