JavaScript cant find function in onclick attribute

Question

My html:

<!doctype hmtl>
<html>
<head>
</head>
<body>
    <script type='text/javascript'>
        var playerId = 1;
        function event(action) {
            let req = new XMLHttpRequest('/act?id='+String(playerId)+'&action='+action);
            alert(action);
        }
    </script>
    <img src="up.png" width='100' height='100' onclick='event("up");'>
    <img src="down.png" width='100' height='100' onclick='event("down");'>
    <img src="left.png" width='100' height='100' onclick='event("left");'>
    <img src="right.png" width='100' height='100' onclick='event("right");'>
    <img src="fire.png" width='100' height='100' onclick='event("fire");'>
</body>
</html>

I know for sure the image is clickable. But why does the error message say event is not a function? I need help.

Just rename the function; event is not allowed.

user5734311
– user5734311

2017-05-10 00:50:32 +00:00
Commented May 10, 2017 at 0:50 — user5734311
– user5734311, Commented May 10, 2017 at 0:50
Thank you! This is the answer.

Dmitry Pleshkov
– Dmitry Pleshkov

2017-05-10 00:52:10 +00:00
Commented May 10, 2017 at 0:52 — Dmitry Pleshkov
– Dmitry Pleshkov, Commented May 10, 2017 at 0:52

Pedro Rodrigues · Accepted Answer · 2017-05-10 00:59:03Z

3

This way, you are trying to access the global object window.event, so just rename your function.

Your own code, renaming the function event to test:

<!doctype hmtl>
<html>
<head>
</head>
<body>
    <script type='text/javascript'>
        var playerId = 1;
        function test(action) {
            let req = new XMLHttpRequest('/act?id='+String(playerId)+'&action='+action);
            alert(action);
        }
    </script>
    <img src="up.png" width='100' height='100' onclick='test("up");'>
    <img src="down.png" width='100' height='100' onclick='test("down");'>
    <img src="left.png" width='100' height='100' onclick='test("left");'>
    <img src="right.png" width='100' height='100' onclick='test("right");'>
    <img src="fire.png" width='100' height='100' onclick='test("fire");'>
</body>
</html>

answered May 10, 2017 at 0:59

Pedro Rodrigues

1,69615 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

JavaScript cant find function in onclick attribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related