what is wrong with addEventListener() method?

Question

2.00/5 (1 vote)

See more:

hi, I What is wrong with the following htmla and javascript code?

XML

<!DOCTYPE html>
<html>
<body>


<p id="demo">Click me.</p>

<script>
document.getElementById("demo").addEventListener("click", m);

function m() {
   var a=document.getElementById("demo").innerHTML;
   var b="";
   for (i=0; i<a.length; i++)
   {
          if (a.charCodeAt(i)>65 && a.charCodeAt(i)<=90)
           {
                 b=b+a.charAt(i).toLowerCase();
           }
          else
                 b=b+a.charAt(i).toUpperCase();
           }
    alert(b);
        }
}
</script>

</body>
</html>

Posted 30-Dec-14 5:20am

Monice

Add a Solution

Comments

Kornfeld Eliyahu Peter 30-Dec-14 11:27am

How can we know - you tell!

4 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Answer 1 · 2014-12-30T05:32:00

Solution 2

Opening bracket for else is missing:

SQL

else
{

Posted 30-Dec-14 5:32am

Peter Leow

Sergey Alexandrovich Kryukov · Answer 2 · 2014-12-30T05:30:00

Solution 1

Nothing is wrong with this function, but… What are you doing? At the moment of the call to addEventListener, the object m (function) is not yet initialized. Move this call to put it after m = …

—SA

Posted 30-Dec-14 5:30am

Sergey Alexandrovich Kryukov

Monice · Answer 3 · 2014-12-30T05:36:00

Solution 3

i want convert "click me" to lower case or upper case

Posted 30-Dec-14 5:36am

Monice

Comments

Kornfeld Eliyahu Peter 30-Dec-14 11:39am

Do not post your comments as solution, please!

Kornfeld Eliyahu Peter · Answer 4 · 2014-12-30T05:38:00

The problem is that you code has errors...two in fact...
1. m is unknown at the point you try to use it. Remember that JavaScript is an interpreted (script!) language and not compiled so as long the interpreter doesn't got to the line with m, it knows nothing of it...The solution, obviously is to change the order...
2. Missing { at the beginning of the else part.

All this problems can be easily spotted using the debugger of your browser - use them and you will learn a lot of about how your code behaves and about the ways to fix it...

what is wrong with addEventListener() method?

4 solutions

Solution 2

Solution 1

Solution 3

Solution 4

Add your solution here

Preview 0

what is wrong with addEventListener() method?

4 solutions

Solution 2

Solution 1

Solution 3

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us