Micah Lindley

Posted on Sep 16, 2019

Debug Challenge Week 1

#debug #challenge #javascript #beginners

It’s that time, guys! The Debug Challenge has begun! Keep in mind, mildly skilled devs can probably skip this as this weeks’s challenge is oriented toward beginners. Here we go!

What’s wrong with this code?

Not just what’s broken; also what’s depreciated or just impolite syntax. The language for this week is JavaScript.

<script type="text/javascript">
  function displaymessage {
    var socks = "3"
    alert(join("You have this many socks, plus 6: " + socks + 6))
  }
 </script>
 <input type="button" value="Click me!" onclick="displaymessage" >

Please answer in the comments!

Top comments (6)

Shaurya • Sep 16 '19

According to me the code should be -

<script type="text/javascript">
  function displaymessage() {
    let socks = 3
    alert(`You have this many socks, plus 6: ${socks +6}`))
  }
 </script>
 <input type="button" value="Click me!" onclick="displaymessage()" >

Also consider replacing onclick with addEventListener

Matei Adriel • Sep 16 '19 • Edited

Socks should be a const:)

u have an extra )

Micah Lindley • Sep 16 '19 • Edited

Nice answer, and great job using the variable inside the string! However, you do have an extra parenthesis on line 4. :D

Horace Lee • Sep 16 '19 • Edited

displaymessage should have bracket () at the end on line 2.
join function is undefined, replace line 4 with

    alert("You have this many socks, plus 6: " + (socks + 6))

Omar Faruk Sazib • Sep 16 '19

The on click event should also be onclick="displaymessage()" instead of onclick="displaymessage"

Matei Adriel • Sep 16 '19

You could also set the onclick prop of the element in js to that function!

DEV Community

Debug Challenge Week 1

What’s wrong with this code?

Top comments (6)

Read next

Why Code Reuse is Important in the Age of AI

Understanding the MLOps Lifecycle

Sortie de TypeScript 5.7 RC, nouvelle alternative à npm, avenir des frameworks JavaScript - Cette semaine en JS

Removing code smells: Using dependency injection through Props in React