コードによるJavaScriptの補助

私はこれらの数行のコードを書いて、ボタンが押されても動作しないようにテキストを変更したいと思います。問題を見つけてください。コードによるJavaScriptの補助

var omari = "Omari Lamar"; 
 
function omari(){ 
 
    el = document.getElementById('slice'); 
 
    el.textContent = omari + "Is a computer Programmer!"; 
 
}

<html> 
 
    <head> 
 
     <title></title> 
 
    </head> 
 
    <body> 
 
     <h1>Title Example</h1> 
 
     <button onclick="omari();">Click me</button> 
 
     <div id="slice"> 
 
      sample text 
 
     </div> 
 
     <script src="app.js"></script> 
 
    </body> 
 
</html>

出典

2016-05-10 ambitiousmind

コードを今すぐ実行するとどうなりますか？コードをデバッグします。 'el.textContent'行にブレークポイントを置き、変数' omari'の値を調べます。あなたはそこからそれを理解することができるはずです。また、スマートエディタを使用した場合は、シンタックスハイライトの問題を指摘している可能性があります。 –

「app.js」を2回追加しました – user3284463

質問をするときに、予想される動作と現在の動作を説明します。取得しているエラーはすべて報告する必要があります。 [ask]を読んでください（特に、特定のタイトルを指定すると、あなたが選んだタイトルは役に立たない）。 –

変更するコード：あなたが行く

ここ

var omariName ="Omari Lamar"; 
function omari(){ 
    el = document.getElementById('slice'); 
    el.textContent = omariName + "Is a computer Programmer!"; 

}

出典

2016-05-10 05:23:02

変数名と関数名が競合の原因になっている可能性があることを説明しているかもしれません。 – jeff

jeffに記載されているように、変数名と関数名には矛盾があります。 –

、あなたの関数名や変数名は同じ

var omary ="Omari Lamar"; 
 
var omari = function(){ 
 
\t var el = document.getElementById('slice'); 
 
\t el.innerHTML = omary + "Is a computer Programmer!"; 
 

 
};

<html> \t 
 
\t <head> 
 
\t \t <title> 
 

 
\t \t </title> 
 
\t \t <script src="app.js"></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <h1>Title Example</h1> 
 

 
\t \t <button onclick="omari();">Click me</button> 
 
\t \t <div id="slice"> 
 
\t \t sample text 
 
\t \t </div> 
 

 
\t \t <script src="app.js"></script> 
 
\t </body> 
 
</html>

01でした

出典

2016-05-10 05:27:24

これは問題です。 omariという名前の変数とomariという名前の変数があります。だから、関数omariを呼び出そうとすると、javascriptは実際には関数ではなく、変数の定義を調べます。ちょうどそれらに別の名前を与えてください。

下記のコードを試してください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>test</title> 
</head> 

<body> 
<script> 

    var _omari ="Omari Lamar"; 
    function omari(){ 
     el = document.getElementById('slice'); 
     el.innerHTML = _omari + " Is a computer Programmer!"; 

    } 
</script> 

      <h1>Title Example</h1> 

      <button onclick="omari();">Click me</button> 
      <div id="slice"> 
      sample text 
      </div> 

</body> 
</html>

出典

2016-05-10 05:37:22

コードによるJavaScriptの補助

答えて

関連する問題