Passing string parameter in JavaScript function

Question

I was trying to pass a string to a JavaScript function  As it s mentioned here - Pass a string parameter in an onclick function I m using this simple code-  lt  DOCTYPE html gt   lt html gt        lt body gt           lt script gt              name    quot Mathew quot               document write  quot  lt button id  button  type  button  onclick  myfunction     quot    name    quot       gt click lt  button gt  quot                function myfunction name                                alert name                          lt  script gt       lt  body gt    lt  html gt   But in the console it s giving an error like Uncaught SyntaxError  Unexpected token

User · Answer

Use this  document write   lt td width  quot 74 quot  gt  lt button id  quot button quot  type  quot button quot  onclick  quot myfunction   quot    name    quot    quot  gt click lt  button gt  lt  td gt

User · Answer

Rename your variable name to myname  bacause name is a generic property of window and is not writable in the same window   And replace   onclick  myfunction        name            With  onclick  myfunction myname     Working example    x000D   x000D  var myname    Mathew   x000D  document write   lt button id  button  type  button  onclick  myfunction myname    gt click lt  button gt     x000D  function myfunction name    x000D      alert name   x000D    x000D   x000D   x000D

User · Answer

You can pass string parameters to JavaScript functions like below code  I passed three parameters where the third one is a string parameter  var btn   quot  lt input type  button  onclick  RoomIsReadyFunc  quot    ID    quot   quot    RefId    quot    quot  quot    YourString    quot   quot      value  Room is Ready    gt  quot       Your JavaScript function  function RoomIsReadyFunc ID  RefId  YourString        alert ID       alert RefId       alert YourString

User · Answer

Change your code to   document write   lt td width  74  gt  lt button id  button  type  button  onclick  myfunction      name         gt click lt  button gt  lt  td gt

User · Answer

The question has been answered  but for your future coding reference you might like to consider this  In your HTML  add the name as an attribute to the button and remove the onclick reference   lt button id  quot button quot  data-name  quot Mathew quot  type  quot button quot  gt click lt  button gt   In your JavaScript  grab the button using its ID  assign the function to the button s click event  and use the function to display the button s data-name attribute  var button   document getElementById  button     button onclick   myfunction   function myfunction       var name   this getAttribute  data-name      alert name      DEMO

User · Answer

document write   lt td width  74  gt  lt button id  button  type  button  onclick  myfunction      name         gt click lt  button gt  lt  td gt     Better to use    than  quot  quot   This is a more dynamic answer

[javascript] Passing string parameter in JavaScript function

Examples related to javascript

Examples related to html

Examples related to events

Examples related to button

Examples related to onclick