從一個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調用函數時準備好）