I'm getting TypeError: response.json is not a function error. Can someone please point me in the right direction

var url = "https://api.exchangeratesapi.io/latest?base=";

async function convert(){
    var base = document.getElementById('Base').value;
    var out = document.getElementById('Output').value;
    var amount = document.getElementById('Amount').value;
    var finalValue;

    let response = await fetch(`${url}${base}` ,{method:'GET'})
    let data = await response.jason()

    finalValue = data.rates

    finalValue = finalValue[out]*Number(amount);
    var result = `Converted Amount of ${amount} ${base} is ${finalValue} ${out}`
    document.getElementById('Converted').innerText = result;


There’s a typo in code in that place.

1 Like

Thank you for your reply!..Could you please tell me where I’m mistaken?

Take a look at this line:

let data = await response.jason()

Welcome there,

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Also, for future posts, please use descriptive titles, and add your questions and added information to the body of the post.

Thank you