There seems to be a glitch in my programming that is preventing it

Question

There seems to be a glitch in my programming that is preventing it

Can someone please help me troubleshoot this code? I'm unable to figure out what's going wrong. The concept is to take user input, assign it to a variable, and then display a string. However, nothing appears on the screen after entering a name.

Welcome! This platform aims to improve the process of searching for POU Kit Parts:

    <form id="form1">
    <p>Please enter your name:  <input name="name" type="text" size="20"></p></form>
    <p><button onclick="outputname()"> Submit</button></p>

    <script>
    function outputname(){
        var x,name,a,b,answer,y;
        x=document.getElementById("form1");
        y=x.elements["name"].value;
        document.write("Hello " +y+ );
    }
    </script>

javascript html css

Answer 1

Answer №1

Your code contains a syntax error due to an extra + in the statement.

Modify

document.write("hello" +y+ );

to

document.write("hello" + y);

Answer 2

Your code contains a syntax error due to an extra + in the statement.

Modify

document.write("hello" +y+ );

to

document.write("hello" + y);

Answer 3

Answer №2

There is an unnecessary + sign in your document.write function.

function displayFullName() {
  var firstName, lastName;
  firstName = document.getElementById("inputForm");
  lastName = firstName.elements["lastName"].value;
  document.write("Hello " + lastName);
}

<form id="inputForm">
  <p>Enter last name: <input name="lastName" type="text" size="20"></p>
</form>
<p><button onclick="displayFullName()">Submit</button></p>

Answer 4

There is an unnecessary + sign in your document.write function.

function displayFullName() {
  var firstName, lastName;
  firstName = document.getElementById("inputForm");
  lastName = firstName.elements["lastName"].value;
  document.write("Hello " + lastName);
}

<form id="inputForm">
  <p>Enter last name: <input name="lastName" type="text" size="20"></p>
</form>
<p><button onclick="displayFullName()">Submit</button></p>

There seems to be a glitch in my programming that is preventing it

Answer №1

Answer №2

Similar questions

The anchor for the circular image is oversized

Controller and Directive both setting up isolated scope for a shared element

Accessing the value of a field using JavaScript/jQuery

Utilizing Angular Filters to Assign Values to an Object within a Controller

Using an external script to modify or call a Vue.js method

angular-chart custom tooltip positioning issue

AJAX request is successful, however, the database remains empty with no data being inserted

Utilize the material-ui dialog component to accentuate the background element

execute javascript code after loading ajax content

Is there a way to specifically target the parent input div using event delegation with jQuery?

Conceal the calendar icon from the date-type HTML input field specifically on the Firefox

Disabling a chosen option within a dropdown menu

Unable to access the "target" property while transferring a value from child to parent component

Can you explain the function of mdLiveAnnouncer in Angular Material and how it operates?

Node.js tutorial: Building routes with regex and implementing redirects

Uploading a file to NodeJS via POST and seamlessly forwarding it to another API without storing it on disk

What is the best way to send the current ID for data deletion in React?

Is it possible that React.createElement does not accept objects as valid react children?

Validator alert for AMP scripts

Adjust css rotation to direct an element towards a specific point