코드가 JSFiddle 환경에서 작동하지만 다르게 실행되지 않을 때

Question

here 다른 질문을 작업 할 때 @ earl3s에서 좋은 대답을 얻었으며 jsfiddle에 대한 링크가 작동했지만 잘 작동하지만 작동을 시도 할 때 나타났습니다. 그것 repl.it에서 나에게 오류를줬고, 로컬에서 실행하려고 할 때 "Uncaught TypeError : 19 번 줄에 'add'of null"속성을 읽을 수 없습니다. "오류가 발생하거나 코드를 쓸 수 있습니다. 부정확하고 통찰력이 인정 될 것입니다. 다음은 오리지널 코드입니다.

<script> 
    if (window.location.href.substring(0,9) === "http://ww") { 
    var home_var = "bing.com";  
    } 
    else if (window.location.href.substring(0,9) === "https://p") { 
    var home_var = "https://px.multiscreensite.com/index.php?url=bing.com"; 
    } 
    else { 
    var home_var = "1"; 
    } 
    var select= document.getElementById("mySelect"); 
    var option = document.createElement("option"); 
    option.text = "Hope Page"; 
    option.value = home_var; 
    select.add(option); 
    console.log(home_var); 
</script> 

<select id="mySelect" OnChange="window.location.href=this.value"> 
    <option>Tagged Stuff and Navigation</option> 
</select>