<button onclick="hello()">Hello</button>
<script>
function hello() {
alert('Hello');
}
</script>
Antwoord 1, Autoriteit 100%
Hoe zit het?
<button id="hellobutton">Hello</button>
<script>
function hello() {
alert('Hello');
}
document.getElementById("hellobutton").addEventListener("click", hello);
</script>
P.S. U moet hallo () hierboven van de knop plaatsen.
Antwoord 2, Autoriteit 217%
Opmerking Aan andere ontwikkelaars die hierover komen, kunt u dit inlopen als u een gereserveerde methode-namen gebruikt, b.v. clear
.
<!DOCTYPE html>
<html>
<body>
<button onclick="clear()">Clear</button>
<button onclick="clear2()">Clear2</button>
<script>
function clear() {
alert('clear');
}
function clear2() {
alert('clear2');
}
</script>
</body>
</html>
Antwoord 3, Autoriteit 67%
Ik rende zelf in dit probleem, zodat ik kan bevestigen dat er iets niet goed is. Het verschil is dat ik het DOM-element op runtime genereer. Vervangen van onclick
Met onmousedown
leek de truc te doen als je geen plek kunt vinden voor addEventListener
in je code.
Antwoord 4, Autoriteit 17%
Ik had een soortgelijk probleem. Ik had child.js
en een common.js
bestanden. In mijn geval gebruikte mijn HTML-bestand zowel de JS-bestanden als allebei een functie met dezelfde naam,
Child.Js
function hello(){}
en ook
Common.js
function hello(){}
Nadat ik een van deze heb verwijderd, werkt mijn code prima en begon Onclick te werken. Ik hoop dat dit helpt!
Antwoord 5
Er is geen probleem met uw code .. Voer dit fragment uit
function hello() {
alert('Hello');
}
<button onclick="hello();">Hello</button>