2

私は最初のコードを JavaScript で書いています。

私はこれをしたい:-

  • 画像を読み込む
  • ユーザー名を尋ねる
  • 名前を書いた後、イメージを変える
  • アラートにユーザーの名前を表示する

私のコードは次のようになります、

<!DOCTYPE html>
<html>
<head>
<title>iRock - First Project</title>
<script type = "text/javascript">

function touchRock(){

    var userName = prompt ("what is your name?","Enter your name here.");

    if(userName){
        alert("It is good to meet you, " "+userName+ " ".");
        document.getElementById("firstImg").src="1.jpg";
    }
}

</script>
</head>

<body onload = "alert('hello, I am your pet.');">
        <div style = "margin-top:100px; text-align:centre">
                 <img id="firstImg" src="http://www.smiley-faces.org/wallpaper/smiley-face-wallpaper-widescreen-001.jpg" alt="iRock" style="cursor:pointer" onclick="touchRock()" />
        </div>
    </body>
</html>

誰でもこれで何が悪いのか教えてもらえますか? 画像に触れた後にイベントが呼び出されないためです。

4

3 に答える 3

7

関数内で文字列の連結が間違っています

alert("It is good to meet you, " "+userName+ " ".");コンソールでエラーが発生している必要があります。

これをチェックして

function touchRock(){

    var userName = prompt ("what is your name?","Enter your name here.");

    if(userName){
        alert("It is good to meet you, " + userName +  ".");
        document.getElementById("firstImg").src="1.jpg";
    }
}

Chrome を使用している場合。F12 を押す --> 開発者ツールバーが有効になり、エラーを表示したり、javascript 要素をデバッグしたりできるコンソールが表示されます。同様に、FireFox 用の Firebug と Int Explorer 用の DevToolbar があります。

Chrome のスクリプト デバッガー - 参照

于 2013-05-06T19:37:06.373 に答える
1

alert( "はじめまして、"+ userName + "." ) ; が使えると思います。

alert("はじめまして、" "+userName+ " ".") の代わりに;

私の知る限り、JavaScriptでは通常、連結に「+」記号を使用します。

于 2013-05-10T08:56:24.360 に答える