なぜこのコードはテキストを未定義に設定していますか？

Question

ここに、テキストを変数に設定するJS関数があります。そして、プレイヤーが持っているポケモンをどのように割り当てるか。

function setStats() { 
// Sets up stats based on Pokemon 
if (computerPokemon === 'Pikachu') { 
    var computerAttack = 30; 
    var computerUlt = 60; // Does damage 
    var computerHealth = 50; 
    var computerSpeed = 20; 
    var computerAgility = 10; 
} 

if (playerPokemon === 'Ho-Oh') { 
    var playerAttack = 70; 
    var playerUlt = 10; // Buffs HP 
    var playerHealth = 80; 
    var playerSpeed = 35; 
    var playerAgility = 12; 
} 

document.getElementById("pHP").innerHTML = 'Health: ' + playerHealth; 
document.getElementById("pSpeed").innerHTML = 'Speed: ' + playerSpeed; 
document.getElementById("pAgility").innerHTML = 'Agility: ' + playerAgility; 
} 

function startGame() { 
// Player Pokemon Selector 
var playerPokemonArray = ["Ho-Oh","Venusaur","Weedle"]; 
var playerPokemonArrayRandom = Math.floor((Math.random() * playerPokemonArray.length)); 
var playerPokemon = playerPokemonArray[playerPokemonArrayRandom]; 
document.getElementById("playerPokemon").innerHTML = 'Your Pokemon is: '  + playerPokemon; 

// Computer Pokemon Selector 
var computerPokemonArray = ["Pikachu","Charmander","Diglett"]; 
var computerPokemonArrayRandom = Math.floor((Math.random() * computerPokemonArray.length)); 
var computerPokemon = computerPokemonArray[computerPokemonArrayRandom]; 
document.getElementById("computerPokemon").innerHTML = 'The Computer\'s Pokemon is: ' + computerPokemon; 

このコードを実行すると、私の統計段落のテキストが未定義に設定されます。変数は、与えられたポケモンに応じて設定されます。

私の周りのコードを変更しようとしましたが、何も機能しませんでした。

Answer 1

あなたのコードはsetStats()関数内から統計変数を設定しており、startGame()からアクセスしようとしています。 Javascriptはレキシカルスコープ言語です。変数をwithinkから設定するので、その関数だけが変数にアクセスできます。これを解決するには、変数をグローバルスコープに移動します。

（また、あなたが関数を呼び出すことはありませんsetStats()