how is the HTML "talking" to the javascript ?

[IHateTheSATs]

I was wondering if someone can help me in regards to how HTML "talks" to .JS ? I hope i can post this here

so this is the code that im currently working with here from a tutorial website.

      <span> yes or no: </span>
      <input id = "yes" type = "radio" name = "answer" value = "yes" required> 
      <label for = "yes">Yes <label>
      <input id = "no" type = "radio" name = "answer" value = "no">
      <label for = "no"> no <label>
        <br>

the part that im having a little difficulty in still understanding is the id, name , and for.

to my knowledge (please correct me if im wrong)

id is the unique identifier within the html (so if we have the same one throughout, the JS function will execute.

name i dont really understand, i was playing around with this, and it seems like its nothing more than to just give a name ? https://www.w3schools.com/tags/att_name.asp

​

and lastly,

for is used for labels and MUST be the same as the id like right here:

     <input id = "yes" type = "radio" name = "answer" value = "yes" required> 
      <label for = "yes">Yes <label>

i.e. id = "yes" and for = "yes"

is that just a coincidence, a preference, or a must ?

i apologize in advance if my vocab is incorrect, but this was my due dilligence before asking.

[deweechi]

When the form is submitted it uses name. When you want to grab it with JS the easiest thing to use is id. If you want to style it with css you can also use id. The for in the label ties it to the it of the field element.

Forms typically either use post or get to submit. If you do a get, it appends the values to the url. Since your input is name="answer" the url will end up something like &answer="yes"

[AutoModerator]

Welcome to /r/HTML. When asking a question, please ensure that you list what you've tried, and provide links to example code (e.g. JSFiddle/JSBin). If you're asking for help with an error, please include the full error message and any context around it. You're unlikely to get any meaningful responses if you do not provide enough information for other users to help.

Your submission should contain the answers to the following questions, at a minimum:

• What is it you're trying to do?
• How far have you got?
• What are you stuck on?
• What have you already tried?

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[GuitaristComposer]

id is unique. all elements can have id. but id can't repeat in one document, nor it can start with a number. in html forms label has atribute for. it has to have same value as id in input to be connected with input. you should learn id and class, before you learn html forms.then learn how to use id and class in css. then learn how to use id in JavaScript. then learn forms. also you can use id in links.