"src"を変更しても画像は変更されません

Question

申し訳ありませんが、私はJavascriptを練習するための別のプログラムを作成しようとしています。今のところ、プログラムは簡単です。エスニック（現在は "スウェーデン"と "イタリア語"に限られています）のリストからドロップダウンリストを選択すると、プログラムはその（ステレオタイプの）外観の簡単な説明を書き、画像を投稿します。代わりに、デフォルトの「Mystery man」画像を変更します。

最初の部分は問題ありません。 "Swede"または "Italian"を選択したかどうかによって、テキストが変わります。画像部分はありません。画像は、デフォルトの「ミステリーマン」画像から変更されません。何故ですか？

var ethnicities = [{ 
 
    name: "Swede", 
 
    eyecolor: "blue", 
 
    hairtex: "straight", 
 
    fp: 1, 
 
    pic: "Swedish.png" 
 
    }, 
 
    { 
 
    name: "Italian", 
 
    eyecolor: "brown", 
 
    hairtex: "curly", 
 
    fp: 2, 
 
    pic: "Italian.png" 
 
    } 
 
]; 
 

 

 
function description() { 
 
    var desc = "The " + ethnicities[document.EPF.EPDD.value].name + 
 
    " is " + ethnicities[document.EPF.EPDD.value].eyecolor + "-eyed and " + 
 
    ethnicities[document.EPF.EPDD.value].hairtex + "-haired." + 
 
    ""; 
 

 

 

 
    document.getElementById("demo").innerHTML = desc; 
 
    document.getElementbyId("picture").src = ethnicities[document.EPF.EPDD.value].pic; 
 
    //so weird, it just doesn't chnage it. It doesn't matter what I put on the 
 
    //right of the equal sign. 
 
}

<p>Ethnicity presets:</p> 
 
<form name="EPF"> 
 
    <select name="EPDD"> 
 
    <option value="0">Swede</option> 
 
    <option value="1">Italian</option> 
 
    
 
    </select> 
 

 
    <input type="button" value="Submit" onClick="description()"> 
 

 
</form> 
 
<p id="demo"> </p> 
 

 
<img id="picture" src="Mystery man.png" alt="unknown">

Answer 1

document.getElementbyId("picture").src = ethnicities[documen... 

あなたはこれを常に忘れてはいけないだけで、構文エラーは 'elementById'

Answer 2

に 'b' を活用するのを忘れ

document.getElementById("picture").src = ethnicities[documen... 

する必要がありますコンソールを見てください。 "document.getElementById（）"に大文字の "B"だけを記述する必要があります。