Build a decimal to binary converter step 11 not passing

JavaScript
1

hi, using a screen reader totally blind . did search for a possible solution and other people are having the similar issue with step 11 of this project. and totally blind. and then did type up the code manually in fcc. and it is not passing the if statement and then having the not operator. unless doing this wrong. can some one tell me how to get it to pass. and fcc is notorious for bieng stubbon and the interface could be improved with some love accessibility wise. did post a suggestion, but no one passed that on to quincy. will do so. so pasting my script below and the errror message.did check the html and the ids and the class match the variables in the script. so can you let me know quickly. dont want to wait 15 hours for a simple answer. maybe simple to you, but using a screen reader and fighting this not too friendly online editor. so heres the code below.

java script:

const numberInput = document.getElementById("number-input");
const convertBtn = document.getElementById("convert-btn");
const result = document.getElementById("result");

function checkUserInput() {
 if (!numberInput.value || isNaN(parseInt(numberInput.value))) {
    return;
  }
  console.log(numberInput.value);
}
convertBtn.addEventListener("click", checkUserInput);

numberInput.addEventListener("keydown", (e) => {
  if (e.key === "Enter") {
    checkUserInput();
  }
});

error:
You should add the logical OR operator (||) after the first condition in your if statement, then pass the value of numberInput into the parseInt() function

2

You did not use the starting code that the step gave you.

You must use the starting code each step gives you.

Here is the starting code the step gives you:

const numberInput = document.getElementById("number-input");
const convertBtn = document.getElementById("convert-btn");
const result = document.getElementById("result");

const checkUserInput = () => {
  if (!numberInput.value) {

  }

  console.log(numberInput.value);
};

convertBtn.addEventListener("click", checkUserInput);

numberInput.addEventListener("keydown", (e) => {
  if (e.key === "Enter") {
    checkUserInput();
  }
});
3

hi, totally blind, using a screen reader, did a reset, did a refresh, typed the code manually. so it is not passing, dont need the code, my code is correct,triple checked, so are you able to tell me how to pass this step. other sighted users having issues with step 11. not just me one blind developer. so can you tell me what fcc is looking for and what code format. have tried to get this to work, but not passing, have tried the past two hours. so, try closing your eyes and then using a screen reader and using the keyboard. if you cannot bde civil, then get ray or some one else to help me out, so i am stuck, so wonder if fcc is stuck, a bugt, or what else, not passing and driving me nuts.
marvin.,

4

you are not asked to use isNaN, you are not asked to fill the body of the if statement

5

hi, okay tried to follow the steps in the step, but not the most celarest and a bit vague. so can you help me how to pass, tried for the past four hours, so have reset the step, refreshed the step, rewrote the html and js, and hope this is what fcc is looking for, please be gentle, kind and civil. if ilm or jeremy cannot be civil, and be sarcastic or rude or cold, then maybe ray or some one else who understands a blind person using a screen reader, fighting with the not very friendly fcc. and how to get this to pass, have done everythign, hope what you required and dont slam me verbably, a blind person, cannot see, so a little empathy and kindness and that would go a long way, so rant over. so pasting my html, js and the error. so how to get this to pass, fcc can be very picky. should rebuild the system with accessibility from the ground up. rant defintely over.
ps: pasting below.

html:

<!DOCTYPE html>
<html lang="en">
  <head>
  <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Decimal to Binary Converter</title>
  </head>
  <body>
    <h1>Decimal to Binary Converter</h1>

    <label for="number-input">Enter a decimal number:</label>
    <input type="number" id="number-input">

    <!-- Link to external JS file -->
    <script src="script.js"></script>
  </body>
</html>

java script:

const numberInput = document.getElementById("number-input");

numberInput.addEventListener("keydown", function(event) {
  if (event.key === "Enter" || parseInt(numberInput.value)) {}
});

error:

You should add the logical OR operator (|| ) after the first condition in your if statement, then pass the value of numberInput into the parseInt() function

6

now it looks like you have deleted a lot of stuff

please get the starting code again

const numberInput = document.getElementById("number-input");
const convertBtn = document.getElementById("convert-btn");
const result = document.getElementById("result");

const checkUserInput = () => {
  if (!numberInput.value) {

  }

  console.log(numberInput.value);
};

convertBtn.addEventListener("click", checkUserInput);

numberInput.addEventListener("keydown", (e) => {
  if (e.key === "Enter") {
    checkUserInput();
  }
});

you need to add to the condition of the if statement inside the function checkUserInput, in this step there is nothing that needs deleting

7

You do need to use the correct starting code. It is actually important to use the correct starting code.

It can be impossible to pass if you do not use the starting code you are given.

Please start using the starting code you are given for each step. Please.

I don’t understand why you refuse to use the starting code the step gives you, but it would save you hours of time if you used the starting code that each step gives you.

8

A post was split to a new topic: Build a decimal to binary converter step 66