2021 JS programming. 'Get Quote Form' Error

Hello all. I am having a problem when trying to get a quote from 1inch. I seem to be having a problem with line 39 when fetching the 1inchAPI. I get a status code saying the following {statusCode: 400, error: “Bad Request”, description: “undefined is wrong address”,…}.
Line 39 is
const response = await fetch(url);

Here is my code below.

async function getTop10Tokens() {

  const response = await fetch('https://api.coinpaprika.com/v1/coins');

  const tokens = await response.json();

  return tokens

            .filter(token=> token.rank>= 1 && token.rank <= 10)

            .map(token => token.symbol);


async function getTickerData(tickerList) {

    const response = await fetch('https://api.1inch.exchange/v3.0/56/tokens');

    const tokens = await response.json();

    const tokenList = Object.values(tokens.tokens);

    return tokenList.filter(token => tickerList.includes(token.symbol))



function renderForm(tokens) {

    const options = tokens.map(token =>

        `<option value= "${token.decimals}-${token.address}">${token.name} (${token.symbol})</option>`)



    document.querySelector('[name= from-token]').innerHTML=options;

    document.querySelector('[name= to-token]').innerHTML=options;


async function formSubmitted(event) {


  const fromToken =document.querySelector('[name= from-token]').value;

  const toToken = document.querySelector('[name= to-token]').value;

  const [fromDecimals, fromAddress]= fromToken.split('-');

  const [toDecimals, toAddress]= toToken.split('-');

  const fromUnit= 10 ** fromDecimals;

  const url= `https://api.1inch.exchange/v3.0/56/quote?fromTokenAddress=${fromAddress}&toTokenAddress${toAddress}&amount=${fromUnit}`;


  const response = await fetch(url);

  const quote= await response.json();

  const exchange_rate= Number(quote.toTokenAmount) / Number(quote.FromTokenAmount);

  document.querySelector('.js-quote-container').innerHTML = `

     <h2>1 ${quote.fromToken.symbol} = ${exchange_rate} ${quote.toToken.symbol} </h2>




.addEventListener('click', formSubmitted);




Here is the HTML

<!DOCTYPE html>

<html lang="en">


    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <link rel="stylesheet" href="./styles.css">



    <form action="#" method="POST" class="exchange-form">

    <div class="form-row">

        <label> From

            <select name="from-token" id=""></select>



    <div class="form-row">

        <label> To  

             <select name="to-token" id=""></select>



    <div class="form-row">

        <button type="submit" class="js-submit-quote"> Get Quote</button>  



    <div class="js-quote-container"></div>

    <script src="./dex.js"></script>



If anyone could help I would appreciate it so much!

I figured it out! So I basically left out an equal sign and capiltalized a letter that was not suppsed to be :confused:
All good tho!


Hi, I am having the same problem. Where did you change your code?

I left out a equals sign in the const url variable. Its supposed to be &toTokenAddress=${toAddress} but i had it as &toTokenAddress${toAddress}. And in the const exchange_rate variable i had it as Number(quote.FromTokenAmount); but it should be Number(quote.fromTokenAmount);
The F was capitalized :sweat_smile:

Hey thanks man! Literally the same forgotten equal sign fixed the problem for me! :sweat_smile:

Glad I could help bro!

1 Like