2017-08-04 33 views
0

私はone.jsという名前のファイルとtwo.jsという名前のファイルを持っていますone.jsにcurrent()という名前の関数があり、two.jsに渡す文字列を返します。1つのJSファイルから別のJSファイルに変数の値を取得する

現在の():HTMLファイルで

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> 

を、私はまたの目的でコードを書いていますボタンのクリック後にモーダルボックスの内容を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> 

現在の()が返す文字列は、モーダルには表示されません。あるJSから別のJSに価値をもたらす方法を誤解していますか?

+0

。 – SLaks

+1

two.jsにhtmlコードがありますか? –

答えて

1

javascriptとhtmlが混在しています。

この部分:Javascriptのではないのです

<!-- 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ファイルである必要があり、そしてあなたがJavaScriptからdocument.getElementById("modalContent").textContent = current();を呼び出すことによって<p id='modalContent'></p>でテキストを変更することができます(関数を呼び出すときに、DOMの準備ができていることを確認してください)

+0

これは 'innerHTML'ではなく' textContent'でなければなりません。 – SLaks

+0

@SLaksもちろん、ありがとうございます – zelitomas

+0

ああ、私はあなたが何を参照してください。私は間違いを犯してJSになっていると言ったが、あなたが言ったように(脳は笑っていない)、HTMLでそのコードを持っていた。私はそれが.innerHTMLであると考えられていると考えて同じミスを犯したので、私は.textContent –

関連する問題