私のシンプルなボタンのために定義されていない関数show-div javascript

これに関する意見はありますか？ユーザがボタンを押すと、最初に隠されたdivがページ上に表示されなければなりません。私のシンプルなボタンのために定義されていない関数show-div javascript

<!DOCTYPE html> 
    <html> 
    <head> 

    <style> 
     div { 
     display: none; 
     } 
    </style> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> 
     function show() { 
       $("div").toggle(); 
     } 
    </script> 

    </head> 


    <body> 
    <p>Animals are cute!</p> 
    <div><p>Some text gonna blow up some pixels!</p></div> 
    <button onclick="show()">Click</button> 

    </body> 

    </html>

コンソールで正確に書かれたエラー：

ReferenceError: show is not defined[Learn More

出典

2017-02-28 lafleur

ます** /定義し、ページの下部にスクリプトを配置する必要があります。 –

別のスクリプトタグに関数を挿入する –

独自のタグにインラインスクリプトを移動し

。同じタグ内で外部スクリプトとインラインスクリプトを使用することはできません。だから、

：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
function show() { 
    $("div").toggle(); 
} 
</script>

出典

2017-02-28 16:58:13 Shilly

function show() { 
 
    $(".any-text").toggle(); 
 
}

.any-text { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 
    <body> 
 
      <p>Animals are cute!</p> 
 
      <div class="any-text"><p>Some text gonna blow up some pixels!</p></div> 
 
      <button onclick="show()">Click</button> 
 
    </body> 
 
</html>

出典

2017-03-01 09:18:21

私のシンプルなボタンのために定義されていない関数show-div javascript

答えて

関連する問題