私はHTML5とJavascriptでウェブサイトを作っています。textarea
で何らかのプレーンテキストを取り込み、3のシーザー暗号を適用し、別のtextarea
に出力します。HTMLとJavascriptのシーザー暗号Webサイトは出力を生成しません
ただし、出力は生成されません。 「シーザー暗号」 をクリックしたときに
enter image description here は、しかし、何も2番目のテキストボックスに表示されなかっ:
<!DOCTYPE html>
<html>
<body>
<script language="JavaScript">
var x = document.getElementById("myTextArea").value;
function c_ciph(){
for (var i = 0, len = x.length; i < len; i++) {
if (x[i] == x[i].toUpperCase()){
var a = x[i].charCodeAt(0);
var e = ((a - 65 + 3) % 26) + 97;
var c = String.fromCharCode(e);
}
else if (x[i] == x[i].toLowerCase()){
var a = x[i].charCodeAt(0);
var e = ((a - 97 + 3) % 26) + 97;
var c = String.fromCharCode(e);
}
}
document.getElementById('result').value = x;
}
</script>
<div>
<h1>Cipher and Leetspeak Converter</h1>
<p>Welcome to the cipher and leetspeak converter.</p>
</div>
<div>
<textarea id = "myTextArea" rows = "6" cols = "80">
</textarea>
<p>Convert to:</p>
</div>
<div>
<form>
<input type="radio" name="codingStyle" value="caesar_cipher" onclick="c_ciph();"> Caesar Cipher <br>
<input type="radio" name="codingStyle" value="vigenere_cipher"> Vigenere Cipher<br>
<input type="radio" name="codingStyle" value="leetspeak"> Leetspeak
</form>
</div>
<div>
<button type="button">Convert</button>
</div>
<div>
<textarea id = "result" rows = "6" cols = "80">
</textarea>
</div>
</body>
</html>
これはサイトです: はここに私のコードです。
私はJavascriptとHTMLの新機能ですので、できるだけ多くのエラーを指摘してください。
EDIT 1:出力は2番目のtext area
に表示されます。しかし、x
の値をciphertext
に変更するのに問題があります。同じ値が出力されます。
第2のtextarea
のオタクの代わりに、「iggm」が必要です。 助けてください。
ブラウザの作業例は、既にデベロッパーコンソールであなたにエラーを報告しています。 – Pointy
@pointyどのエラー? – toyotasupra