onchange事件函数显示未定义（Javascript-HTML-DOM）

Question

我正在使用Javascript HTML DOM Events，当我在浏览器中运行我的代码时，它表示statusHtmlFromObject未定义。有人可以告诉我在html标签中写出正确的方法是什么，就像我正在尝试的那样。我附上了script.js文件。

 File: Script.js
      function statusHtmlFromObject() {
      var x = document.getElementById("mySelect").value;
      console.log('This is your selection', x);
    }
     var html = '';
     html +='<select id="mySelect" onchange="statusHtmlFromObject()">';
       html +='<option value="Order placed">Order placed';
       html +='<option value="Preparing">Preparing...';
       html +='<option value="Packaging">Packaging...';
       html +='<option value="Food is ready">Food is ready';
        html +='</select>';
      return html;