onclick ですべての値を変更するにはどうすればよいですか?

debugcn 投稿 Dev

ブルーノ・F・カルドソ

最初のボタンでボタンの値を変更する必要がありますが、何も機能していないようです。changeText、Myfunction1、2、3、4 などのさまざまなコードを試しましたが、何も機能しませんでした... 助けていただければ幸いです。

ここに私のコードがあります:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
    <title>Afinador de Violão</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/content.css">
  </head>
  <body>
  <center>
      <marquee width="400px" scrollamount="10">Afinador V1.0</marquee></center>
      <CENTER>
        <input type="button" id="-" onclick="change()" value="bemol">
      </CENTER>
      <div id="content">
     <input name="1" type="button" onclick="myFunction1()" value="E" id="1" class="cordas"><br>
     <input name="2" type="button" onclick="myFunction2()" value="B" id="2" class="cordas"><br>
     <input name="3" type="button" onclick="myFunction3()" value="G" id="3" class="cordas"><br>
     <input name="4" type="button" onclick="myFunction4()" value="D" id="4" class="cordas"><br>
     <input name="5" type="button" onclick="myFunction5()" value="A" id="5" class="cordas"><br>
     <input name="6" type="button" onclick="myFunction6()" value="E" id="6" class="cordas"><br>
    </div>

    <script type="text/javascript" src="js/zepto.min.js"></script>
    <script type="text/javascript" src="js/playsound.js"></script>
    <script type="text/javascript" src="js/app.js"></script>

    <script type="text/javascript">
function change(elem){
    var elem = document.getElementById("1");
    if (elem.value=="E") elem.value += "\u266D";
    else elem.value = "E";
}
</script>

更新:間違ったコードを挿入しました。これを見てください。

クリス・ハッピー

あなたは関数を持っていますが、それを呼び出していません。を変更しonclick()てchange()、これを (パラメーターとして) 使用して要素を選択してみてください。

function change(elem) {
  if (elem.value == "E") elem.value += "\u266D";
  else elem.value = "E";
}

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

  <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
  <title>Afinador de Violão</title>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="css/content.css">
</head>

<body>
  <center>
    <marquee width="400px" scrollamount="15">Afinador V1.0</marquee>
  </center>
  <CENTER>
    c
  </CENTER>
  <div id="content">
    <input name="1" type="button" onclick="change(this)" value="E" id="1" class="cordas"><br>
    <input name="2" type="button" onclick="change(this)" value="B" id="2" class="cordas"><br>
    <input name="3" type="button" onclick="change(this)" value="G" id="3" class="cordas"><br>
    <input name="4" type="button" onclick="change(this)" value="D" id="4" class="cordas"><br>
    <input name="5" type="button" onclick="change(this)" value="A" id="5" class="cordas"><br>
    <input name="6" type="button" onclick="change(this)" value="E" id="6" class="cordas"><br>
  </div>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]