Input Name Log For Free

The name attribute is for submitting a form element to the server; many elements may share the same name (e.g. radio buttons, which must have the same name within the set). The id attribute is for uniquely identifying any element (not just form elements). It must be unique throughout the entire document.

When you have a variable and you log it like console. log({ myVariable }); you're using that shorthand object creation syntax and it gets logged like the object it becomes.

The HTML <input> name Attribute is used to specify a name for an <input> element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript. Attribute Values: It contains a single value name which describes the name of the <input> element.

<input name=""> Specifies the name of an input element. The name and value of each input element are included in the HTTP request when the form is submitted.

The <form> tag is used to create an HTML form for user input. The <form> element can contain one or more of the following form elements: <input> <textarea>

In the JavaScript console, user input can be created by using the ?prompt()? method. This approach displays a dialogue box that requests input from the user. If the user clicks ?OK?, it returns the input value, else, it returns null. It accepts ?text? as a parameter that will be displayed in the dialog box.

In your situation, you probably want the input value logged every time the user clicks submit. You could add an event listener, but for simplicity sake of understanding, let's just use inline code. Every time they submit, let's log it, so onsubmit="sConsole();" . Now the submit action will run your logging function.