将3个字母添加到字符串的网页

Web Page which adds 3 letters to a string

本文关键字：字符串 网页 添加 3个      更新时间：2023-09-26

我想做一个网页，用户输入一个九位数的数字，输出字母ABC添加到开始。如。输入:"123456789"输出:ABC123456789

这是我的代码(从网络上的样本拼凑在一起)，但没有输出:

<HTML>
<HEAD>
<TITLE>Add ABC</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<SCRIPT TYPE="TEXT/JAVASCRIPT">
function convert() {
    var inp = document.conv.inpt.value 
    outp = "ABC" + inp
    document.conv.newname.value = outp
  }
}
</SCRIPT>
</HEAD>
<BODY>
<FORM ACTION="#" NAME="conv">
Input:<INPUT TYPE=TEXT NAME="inpt" SIZE=40>
<BR><BR>
<INPUT TYPE=BUTTON VALUE="Enter Name" ONCLICK="convert()">
<BR><BR>
Output:<INPUT TYPE=TEXT NAME="newname" SIZE=40 DISABLED>
</FORM>
</BODY>
</HTML>

一切正常，只是在末尾有一个额外的}，导致语法错误。错误控制台是您的朋友——它会提醒您诸如此类的错误(或者IDE，如果您正在使用IDE来编写代码)的存在。

此外，仅供参考，将var放在所有变量(包括outp)前面是一个好主意。

function convert() {
var inp = document.getElementsByName('inp')[0].value 
outp = "ABC" + inp
document.getElementsByName('newname')[0].value = outp
}

额外的支撑。上面的方法对我来说似乎很简单。

删除多余的} 

function convert() {
    var inp = document.conv.inpt.value
    outp = "ABC" + inp
    document.conv.newname.value = outp
}

使用双引号定义html

    <INPUT TYPE=TEXT NAME="inpt" SIZE=40>
    to
    <INPUT TYPE="TEXT" NAME="inpt" SIZE="40">
相关文章：