I am trying to make a callback function that has an anonymous function nested inside. My code looks something like this:
function submitGuess(guess) {
if (guess.length === 5) {
console.log("The guess was 5 letters");
const postGuess = async () => {
console.log("Anon function initiated")
const res = await fetch(SOME_URL);
}
}
}
submitGuess(guess)
But the anonymous function never initiates. The second console.log never runs, and I can't figure out why.
NEW ANSWER: THANKS FOR FEEDBACK
// declare the function
async function submitGuess(guess) {
if (guess.length === 5) {
console.log("The guess was 5 letters");
const postGuess = async () => {
console.log("Anon function initiated")
const res = await fetch("url");
};
await postGuess(); // call the function
}
}
submitGuess("input");
OLD: Make sure you declare the functions then you call them !!
// declare the function
function submitGuess(guess) {
if (guess.length === 5) {
console.log("The guess was 5 letters");
postGuess(); // call the function
}
}
// declare the function
const postGuess = async () => {
console.log("Anon function initiated")
const res = await fetch(SOME_URL);
}
submitGuess(guess)