试图创建一个简单的文本到ascii转换器

时间:2012-04-07 21:15:12

标签: javascript forms events button

我有一个HTML表单:

<html>
<body>
<form>
<textarea></textarea>
<input type="button" value="Submit" onclick="????"></input>
</form>
<script type="text/javascript">
var code, chr = 'here';
code = chr.charCodeAt(0);
document.write("The ASCII code of " + chr +" is "+code);
</script>
</body>
</html>

我正在尝试一个文本区域,其中user / me将放置他的文本(单个字母)和一个按钮,他将点击该按钮来触发此事件。

现在的问题是如何让提交按钮将文本区域中的内容提交到:

var code, chr = '`here`';

如果需要其他数据,请与我们联系。

3 个答案:

答案 0 :(得分:3)

试试这个,在osx Safari上制作:

<html>
<body>

<form>
ASCII:<br>
<textarea id="text" rows="8" cols="50"></textarea><br>
<input type="button" value="Convert" onclick="asciify()">
<br>
<hr>
DEC:<br>
<textarea id="output" rows="8" cols="50"></textarea>
</form>

<script type="text/javascript">
function asciify(){
      var ih = document.getElementById("text").value;
      var out = "";
      for(var i = 0; i < ih.length; i++){
         out=out.concat("<",ih.charAt(i).charCodeAt(0),">");
      }
  document.getElementById('output').innerHTML = out;
}
</script>


</body>
</html>

答案 1 :(得分:1)

<html>
<body>
<form>
<textarea id="text"></textarea>
<input type="button" value="Submit" id="subm"/>
<div id="out"></div>
</form>
<script type="text/javascript">
document.getElementById("subm").addEventListener("click", asciify, false);
function asciify(){
    var ih = document.getElementById("text").innerHTML;
    var out = [];
    for(var i = 0; i < ih.length; i++){
        out.push(ih.charCodeAt(i));
    }
    document.getElementById("out").innerHTML = out.join(",")
}
</script>
</body>
</html>

这使用javascript添加onclick处理程序,并支持多个字符

答案 2 :(得分:1)

如果我理解你在寻找什么,你需要一个ascii转换输入的功能,你需要从按钮调用它。

我建议使用类似下面的内容,因为来自按钮的调用都是相对的,你可以在页面上有15个这样的表单,它们都可以工作,而且你的实际翻译方法保持简单和离散。

虽然有这么简单的东西你可以直接放下它。

<html>
<body>
<script type="text/javascript">
function asciify(txt) {
    return = txt.charCodeAt(0);
}
</script>
<form>
<textarea name="txt_input"></textarea>
<input type="button" value="Submit" onclick="this.form.txt_output.value = asciify(this.form.txt_input.value)"></input>
<textarea name="txt_output"></textarea>
</form>
</body>
</html>