从一个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引入一个值到另一个？

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文件中，您可以在<p id='modalContent'></p>通过从JavaScript调用document.getElementById("modalContent").textContent = current();更改文本（确保DOM调用函数时准备好）