If else javascript error

Question

I'm attempting to make a simple code so when you insert your name, it inserts it into the text, but if you don't insert your name it asks you to insert your name. The code seems like it should work, but it doesn't. Can anyone help me?

<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>

Read your code out loud. If x is equal to an empty string, than display the name, else tell user to enter their name. Next thing, learn to use the developer console in your browser to locate errors, that will get you the syntax issue you have. — epascarello
– epascarello, Commented Apr 27, 2016 at 3:30

scuttle-jesuit · Accepted Answer · 2016-04-27 02:25:12Z

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.";
}
}

answered Apr 27, 2016 at 2:25

scuttle-jesuit

6781 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

scuttle-jesuit Over a year ago

so just to be clear, you were missing the closing curly bracket for the function too.

Munawir · Accepted Answer · 2016-04-27 02:26:38Z

1

change if (x == "") to if (x != "") and close the function braces.

<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>

answered Apr 27, 2016 at 2:26

Munawir

3,3569 gold badges36 silver badges51 bronze badges

Comments

Farhad Rakib · Accepted Answer · 2016-04-27 04:20:01Z

1

Change if(x=="") to if(x!=="" && x.length!==0) and also add a closing brace to close the function. Full code is given below

<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>

answered Apr 27, 2016 at 4:20

Farhad Rakib

1621 silver badge14 bronze badges

Collectives™ on Stack Overflow

If else javascript error

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related