У меня есть следующий код. Если пользователь вводит «007» в текстовое поле, вызывается функция агента, проверенная, и innerHtml для приветственного сообщения изменяется. Когда это происходит, я также хочу, чтобы на странице отображалась новая форма.
Старое текстовое поле и кнопка должны быть удалены, а новая вставлена. Может кто-нибудь посоветует, как это сделать. Ниже показаны мои попытки.
Оригинальный код
<!DOCTYPE HTML>
<HTML>
<head>
<script>
function validate(){
if (document.getElementById("textbox_1").value!=="007"){
document.getElementById("textbox_1").style.backgroundColor='red';
}
if (document.getElementById("textbox_1").value=="007"){
document.getElementById("textbox_1").style.backgroundColor='green';
agentverified()
}
}
function agentverified() {
document.getElementById("location").innerHTML = "...Agent Verification Passed";
}
</script>
</head>
<body>
<p id="location">Welcome Agent</p><br><br>
NAME:<INPUT TYPE="Text" SIZE="15" VALUE="" ID="textbox_1">
<INPUT TYPE="Button" VALUE="SEND" onClick="validate()">
</body>
</html>
Я пробовал это, но это не работает
<!DOCTYPE HTML>
<HTML>
<head>
<script>
function validate(){
if (document.getElementById("textbox_1").value!=="007"){
document.getElementById("textbox_1").style.backgroundColor='red';
}
if (document.getElementById("textbox_1").value=="007"){
document.getElementById("textbox_1").style.backgroundColor='green';
agentverified()
displaybox()
}
}
function agentverified() {
document.getElementById("location").innerHTML = "...Agent Verification Passed";
}
function displaybox(){
NAME:<INPUT TYPE="Text" SIZE="15" VALUE="" ID="agentusername">
<INPUT TYPE="Button" VALUE="SEND" onClick="validate()">
}
</script>
</head>
<body>
<p id="location">Welcome Agent</p><br><br>
NAME:<INPUT TYPE="Text" SIZE="15" VALUE="" ID="textbox_1">
<INPUT TYPE="Button" VALUE="SEND" onClick="validate()">
</body>
</html>
То, что я пытался сделать, - это создать функцию, которая создает элементы html, но это, очевидно, не способ сделать это. Кроме того, как насчет размещения это можно сделать с помощью Javascript или для этого нужно использовать Canvas?