哦，您的代码中有一些错误：

• 首先，您的 while 条件不是布尔值（真/假），而是字符串数组的值
• 您在循环中用作索引的 var x 使用字符串数组的第一个元素进行初始化，然后递增（string+1？！）并最终返回到 html 对象 (p)

查看以下已审核的代码，我在其中进行了上述小改动：

function listDuties() {
  var byrneduties = ["Gathering product samples from sanitized silo and tank ports on a timely schedule. <br/> ","Regularly use of Delta Testing Instruments to measure solids and fat contents of products. ","Performing the Gerber Method of testing on samples. ","Responsible for using the Standard Plate Count method of developing colonies of bacteria. ","Interpreting results of bacterial and coliform growth patterns in products. " ];
  
  var n = document.getElementById('byrne_duties').value;
  var x = 0;
  var text = "";
  while (x < n) {
    text += byrneduties[x] + "<br>";
    x++;
  }
  document.getElementById('duties').innerHTML = text;
}

<div id="right">
    <p> <b> Byrne Dairy</b><br/>
    QA Lab Technician<br/>
    September 2015 - March 2016<br/><br/><br/>

    <button value="Click" onclick="listDuties()">Click</button> to see my top
        <input type="text" id="byrne_duties" value="0"/> job duties here:<br/><br/><br/>
    <p id="duties"></p>

</div>

我希望它清楚了，再见。

However, when I click the button, noting is happening. I am not getting any web console errors at all.

您当前的代码只会显示一个 任务 ，因为它一次又一次地覆盖同一个 div 。它甚至没有考虑来自 文本框 的输入。

试试这个

<div id="right">
  <p> <b> Byrne Dairy</b><br/> QA Lab Technician<br/> September 2015 - March 2016<br/><br/><br/>

    <button value="Click" onclick="listDuties()">Click</button> to see my top
    <input type="text" id="byrne_duties" value="0" /> job duties here:<br/><br/><br/>
    <p id="duties"></p>
    <script type="text/javascript">
      function listDuties() {
        var byrneduties = ["Gathering product samples from sanitized silo and tank ports on a timely schedule. <br/> ",
          "Regularly use of Delta Testing Instruments to measure solids and fat contents of products. ",
          "Performing the Gerber Method of testing on samples. ",
          "Responsible for using the Standard Plate Count method of developing colonies of bacteria. ",
          "Interpreting results of bacterial and coliform growth patterns in products. "
        ];
        var numberOfDuties = Number( document.getElementById( "byrne_duties" ).value );
        if ( !isNaN( numberOfDuties ) && numberOfDuties > 0 )
        {
           document.getElementById('duties').innerHTML = byrneduties.slice(0, numberOfDuties).join("<br>");
        }
      }
    </script>


</div>

问题：

var x = byrneduties[0]; // here x is variable which refer to first byrneduties
var text = "";

while (byrneduties[x]) { // here x is index, I think you meant 'i'
        text += byrneduties[x] + "<br>";
        x++;
        document.getElementById('duties').innerHTML = x;

无需循环，只需连接数组

 document.getElementById('duties').innerHTML = byrneduties.join('<br/>');