define function in javascript onbuttonclick

Question

Hi How can I define a function on button click in HTML, I tried something like that:

<input type="button" value="sth" onclick="
<script type="text/javascript">
function hello()(
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
<script>
">

I have to define my function here because I have code which generate me a site in which's header i can not define javascript function and I want one function on button click. this is only an example. This is the way it should look like?

Every post using .innerHTML has it spelled wrong. I fixed one then realised you have all copy pasted the same error. Really should be more careful. Scripting languages usually react quite badly to the little errors it can take days to find ;-) — Fred Gandt
– Fred Gandt, Commented Sep 25, 2011 at 20:39

templatetypedef · Accepted Answer · 2011-01-31 10:22:24Z

6

You can attach a script to a button by putting a string representation of that script in the onclick handler:

<input type="button" onclick="window.alert('Hi!')">

This code will be executed when the button is clicked. In general, the script tag is used to define scripts that can be referenced elsewhere in the HTML document, while strings containing JavaScript code are used in the body of the document to actually execute that code.

answered Jan 31, 2011 at 10:22

templatetypedef

376k112 gold badges954 silver badges1.1k bronze badges

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

Comments

Community · Accepted Answer · 2011-09-25 23:32:57Z

5

Assuming you realy want to define a new funciton on your onclick event you can try this:

<input type="button" value="something" onclick="window.hello=function(){window.print();var z =document.GetElementById('ogog');z.innerHTML='hello';}">

edited Sep 25, 2011 at 23:32

CommunityBot

11 silver badge

answered Jan 31, 2011 at 10:32

epeleg

11.1k19 gold badges112 silver badges161 bronze badges

Comments

Lloyd · Accepted Answer · 2014-05-05 10:09:12Z

4

You might want to try:

<script type="text/javascript">
    function hello() {
        window.print();

        var z =document.GetElementById('ogog');

        z.inneHTML="hello";
    }
</script>

<input type="button" value="sth" onclick="hello()"/>

edited May 5, 2014 at 10:09

answered Jan 31, 2011 at 10:19

Lloyd

29.7k5 gold badges89 silver badges100 bronze badges

3 Comments

Csabi Over a year ago

And it will work on other site which is generated from the first?

Lloyd Over a year ago

Kooilnc: Indeed, force of habit :)

Quentin Over a year ago

In that context javascript: is a label (e.g. for a loop). developer.mozilla.org/en/JavaScript/Reference/Statements/Label

Lucius · Accepted Answer · 2011-01-31 10:28:44Z

3

You don't have to open the script tags, you just need to write directly the code you need.
You'd better include it inside a function defined in the head section, though:

<head>
<script type="text/javascript">
function hello () { ... }
</script>
</head>
<body>
<input type="button" onclick="hello()" />
</body>

or, even better, load it from an external .js file:

<script type="text/javascript" src="scripts.js"></script>

edited Jan 31, 2011 at 10:28

answered Jan 31, 2011 at 10:18

Lucius

9631 gold badge11 silver badges16 bronze badges

3 Comments

Csabi Over a year ago

but if I do that it wont recognize that function on next generated page.And will do nothing

Lucius Over a year ago

if you define that function in an external file, it will remain the same across the site. Otherwise, I'm not getting what you mean by 'recognizing'

Csabi Over a year ago

I have to write a code which generate a new site it is in javascript.Now i want to have a button on my new generated site which call function.but I can not define function by generating them like html code I have to anchor it to that button.I also tried to call it from my old site but i think it is impossible, It is clearer now?

Sachin Shanbhag · Accepted Answer · 2011-01-31 10:28:28Z

2

You will have to define the script tag in the same file first, also '{' for function definitions -

<script type="text/javascript">
function hello() {
window.print();
var z =document.GetElementById('ogog');
z.inneHTML="hello";
}
</script>

Then call the function with its name -

<input type="button" value="sth" onclick="hello()"/>

Check this link for more details.

edited Jan 31, 2011 at 10:28

answered Jan 31, 2011 at 10:22

Sachin Shanbhag

55.7k11 gold badges92 silver badges103 bronze badges

Comments

Juan Antonio · Accepted Answer · 2019-10-21 08:11:39Z

1

You can also put code directly, as for example a jQuery call, as for example onclick="$('#confirmation_modal').modal();" to open a modal or onclick="$('#confirmation_modal').modal('toggle');" to close it.

Or also you can define a function and call it after.

edited Oct 21, 2019 at 8:11

answered Oct 21, 2019 at 8:01

Juan Antonio

2,6634 gold badges28 silver badges41 bronze badges

Comments

aqllahdino · Accepted Answer · 2014-10-16 17:19:45Z

0

yyesThis code will be executed when the button is clicked. In general, the script tag is used to define scripts that can be referenced elsewhere in the HTML document, while strings containing JavaScript code are used in the body of the document to actually execute that code.

answered Oct 16, 2014 at 17:19

aqllahdino

1

Collectives™ on Stack Overflow

define function in javascript onbuttonclick

7 Answers 7

Comments

Comments

3 Comments

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

3 Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related