You have a function, but you’re not calling it. Try changing the onclick()
to change()
and selecting the element using this, (as a parameter).
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>
solved How to change all my value with onclick?