Help

trishnapandey0880521 · November 21, 2020, 12:23pm

Hi,

This code checks out by the lesson but does not work. Pls help

gist.github.com

https://gist.github.com/codecademydev/cd6351b597d25f345e9108b1e49830cb

helperFunctions.js

// Manipulates responseField to render a formatted and appropriate message
const renderResponse = (res) => {
  // Displays either message depending on results
  if(res.errors){
    responseField.innerHTML = "<p>Sorry, couldn't format your URL.</p><p>Try again.</p>";
  } else {  
    responseField.innerHTML = `<p>Your shortened url is: </p><p> ${res.shortUrl} </p>`;
  }
}

This file has been truncated. show original

main.js

// Information to reach API
const apiKey = '<Your API Key>';
const url = 'https://api.rebrandly.com/v1/links';
const apiKey ='3dea4d8219fd444283eb85f1f85bafb5';

// Some page elements
const inputField = document.querySelector('#input');
const shortenButton = document.querySelector('#shorten');
const responseField = document.querySelector('#responseField');

This file has been truncated. show original

Best Regards
Trishna

thepitycoder · November 21, 2020, 12:31pm

Hi there.

In your main.js, you’re redeclaring a constant:

// Information to reach API
const apiKey = '<Your API Key>';
const url = 'https://api.rebrandly.com/v1/links';
const apiKey ='3dea4d8219fd444283eb85f1f85bafb5';

You can’t declare a const twice, so your API key will always be <Your API Key> which is not a valid API key.

The LE doesn’t always check that your code works, but sometimes looks to see whether you’ve written the expected lines - so if you did what it asked, you might pass the exercise with nonfunctional code.

trishnapandey0880521 · November 23, 2020, 1:12pm

Thank you. Made the change and it words, Will ensure to check the code many times.