2016-04-27 11 views
1

私はあなたの名前を挿入するときに簡単なコードを作成しようとしています。それはテキストに挿入しますが、あなたの名前を挿入しないとあなたの名前を挿入するように求めます。コードはうまくいくはずですが、そうではありません。誰でも助けてくれますか?else JavaScriptエラーの場合

<body> 

<h3>Please enter your name</h3> 

<input type="text" id="name" value="" placeholder="Please enter your name"> 

<p id="dolly"></p> 

<button onclick="yourName()">Enter</button> 


<script> 
function yourName() { 
var x = document.getElementById("name").value; 
if (x == "") { 
document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
} else { 
document.getElementById("dolly").innerHTML = "Please enter your name."; 
} 
</script> 
</body> 
+0

必要 'X == ""'や 'X === ""' – edhurtig

+1

必要 'X!= ""'以下の通りです。 – nnnnnn

+2

あなたのコードを大声で読んでください。 xが空の文字列と等しい場合は、名前を表示します。そうでない場合は、ユーザーに名前を入力します。次のことは、ブラウザで開発者コンソールを使用してエラーを特定する方法を学びます。これにより、構文の問題が発生します。 – epascarello

答えて

3
function yourName() { 
var x = document.getElementById("name").value; 
if (x.length != 0) { 
document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
} else { 
document.getElementById("dolly").innerHTML = "Please enter your name."; 
} 
} 
+0

Worked、ありがとうございました – Chewynugget

+0

ちょうど明らかにするために、あなたは関数用の閉じた中かっこも見逃していました。 – Raz

1

if (x != "")に変更if (x == "")と機能の括弧を閉じます。

<body> 
 

 
<h3>Please enter your name</h3> 
 

 
<input type="text" id="name" value="" placeholder="Please enter your name"> 
 

 
<p id="dolly"></p> 
 

 
<button onclick="yourName()">Enter</button> 
 

 

 
<script> 
 
function yourName() { 
 
    var x = document.getElementById("name").value; 
 
    if (x != "") { 
 
    document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
 
    } else { 
 
    document.getElementById("dolly").innerHTML = "Please enter your name."; 
 
    } 
 
} 
 
</script> 
 
</body>

1

変更if(x=="")if(x!=="" && x.length!==0)にも機能を閉鎖する閉じ括弧を追加します。 完全なコードは

<body> 
 

 
<h3>Please enter your name</h3> 
 

 
<input type="text" id="name" value="" placeholder="Please enter your name"> 
 

 
<p id="dolly"></p> 
 

 
<button onclick="yourName()">Enter</button> 
 

 

 
<script> 
 
function yourName() { 
 
    var x = document.getElementById("name").value; 
 
    if (x !== "" && x.length !==0) { 
 
    document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
 
    } else { 
 
    document.getElementById("dolly").innerHTML = "Please enter your name."; 
 
    } 
 
} 
 
</script> 
 
</body>

関連する問題