从一个JS文件获取变量的值到另一个

Question

我有一个名为one.js的文件和另一个名为two.js的文件。 one.js中有一个名为current（）的函数，该函数返回一个我想传递给two.js的字符串。

当前（）：

function current()
{
   if(selection === 0 && yesResources[questionsCounter] != null)
   {
      return yesResources[questionsCounter];
   }
   else if(selection === 1 && noResources[questionsCounter] != null)
   {
      return noResources[questionsCounter];
   }
   else
   {
      return 'You are on the right track!';
   }
}

在一个HTML文件中，我有以下名为的脚本标签：

<script type='text/javascript' src='one.js'></script>
<script type='text/javascript' src='two.js'></script>

在HTML文件中，我还编写了代码，目的是在使用current（）结果单击按钮后更改模式框的内容。 代码如下：

<!-- Trigger/Open The Modal -->
<button id="myBtn">Resources</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
          <span class="close">&times;</span>
      <h2>Resources</h2>
    </div>
    <div class="modal-body">
      <p>Test</p>
      <p id='modalContent'>current()</p>
    </div>
    <div class="modal-footer">
      <h3>Living Progress</h3>
    </div>
  </div>
</div>

current（）返回的字符串未显示在模式中。 我是否误解了如何将一种JS的价值带入另一种JS？

Answer 1

您正在混合javascript和html。

这部分：

<!-- Trigger/Open The Modal -->
<button id="myBtn">Resources</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
          <span class="close">&times;</span>
      <h2>Resources</h2>
    </div>
    <div class="modal-body">
      <p>Test</p>
      <p id='modalContent'>current()</p>
    </div>
    <div class="modal-footer">
      <h3>Living Progress</h3>
    </div>
  </div>
</div>

应该在HTML文件中，并且您可以通过调用document.getElementById("modalContent").textContent = current();来更改<p id='modalContent'></p>的document.getElementById("modalContent").textContent = current(); 从javascript（请在调用函数时确保DOM准备就绪）