Как исправить код, если пропадает значение переменной после завершения функции?

Question

[alexbog90]

// setting new final score
function settingFinalScore() {
  newFinalScore = +prompt("Please set new Final Score", 100);
  finalScore = newFinalScore;
  alert(newFinalScore);  
  alert(finalScore);
}

Ввожу значение newFinalScore после появления окна prompt, два alert показывают его. Но после завершения этой функции если в консоли прописать newFinalScore или finalScore значениями будет undefined.
Как мне использовать переменную FinalScore и дальше? Спасибо

Answer 1

[McBernar]

Вынести объявление переменной finalScore за пределы функции.
Тогда функция будет записывать новые значения в нее.

Comments

[alexbog90]

Переменные были определены вначале кода, не указал это

[alexbog90]

Я видимо не весь кусок кода указал:

// setting new final score
function settingFinalScore() {
  newFinalScore = +prompt("Please set new Final Score", 100);
  finalScore = newFinalScore;
  alert(newFinalScore);  
  alert(finalScore);
}

document.querySelector(".aside__set-final-score").addEventListener("click", settingFinalScore);

Эта функция вызывается по клику на ссылку, вызывается форма, ввожу новое значение, алерты работают. После этого обе переменные undefined.

Answer 2

[NSliM]

Наверное вот так:

var finalScore = null;
// setting new final score
function settingFinalScore() {
  let newFinalScore = +prompt("Please set new Final Score", 100);
  finalScore = newFinalScore;
  alert(newFinalScore);  
  alert(finalScore);
}

Answer 3

[Александр Епихин]

Подобное лучше делать через замыкание.

function settingFinalScore() {
  let score = 0;
  return () => {
    score += Math.ceil(prompt('Please set new Final Score', 100));
    return score;
  }
}

const updateFinalScore = settingFinalScore();
const score = updateFinalScore();
console.log(score);

Пример