Kalkulator JavaScript

Question

Dlaczego funkcja clear() nie działa , gdy klikam na przycisk o nazwie "btn16" ? Chciałbym , żeby po kliknięciu pole tekstowe owego formularza było puste.

  <div id="calc">
        <div id="action">
            <form name="calcform">
                <input type="text" name="txt">
                <input class="digit" name="btn0" type="button" value="0" onclick="display(btn0.value)">
                <input class="digit" name="btn1" type="button" value="1" onclick="display(btn1.value)">
                <input class="digit" name="btn2" type="button" value="2" onclick="display(btn2.value)">
                <input class="digit" name="btn3" type="button" value="3" onclick="display(btn3.value)">
                <input class="digit" name="btn4" type="button" value="4" onclick="display(btn4.value)">
                <input class="digit" name="btn5" type="button" value="5" onclick="display(btn5.value)">
                <input class="digit" name="btn6" type="button" value="6" onclick="display(btn6.value)">
                <input class="digit" name="btn7" type="button" value="7" onclick="display(btn7.value)">
                <input class="digit" name="btn8" type="button" value="8" onclick="display(btn8.value)">
                <input class="digit" name="btn9" type="button" value="9" onclick="display(btn9.value)">
                <br>
                <hr>
                <input class="operation" name="btn10" type="button" value="." onclick="display(btn10.value)">
                <input class="operation" name="btn11" type="button" value="+" onclick="display(btn11.value)">
                <input class="operation" name="btn12" type="button" value="-" onclick="display(btn12.value)">
                <input class="operation" name="btn13" type="button" value="*" onclick="display(btn13.value)">
                <input class="operation" name="btn14" type="button" value="/" onclick="display(btn14.value)">
                <input class="operation" name="btn15" type="button" value="=" onclick="txt.value=eval(txt.value)">
                <input class="operation" name="btn16" type="button" value="C" onclick="clear()">
            </form>

        </div>

 <input class="operation" name="btn16" type="button" value="C" onclick="clear()">

function clear() {
    calcform.txt.value = " ";

}

 

Answer 1

Nie jestem pewna, ale wydaje mi się, że clear może być słowem zarezerwowanym w JS, więc po prostu zmień nazwę funkcji.

Poza tym staraj się nie używać onclicka, tylko podpinaj zdarzenia za pomocą addEventListener -> https://developer.mozilla.org/pl/docs/Web/API/Element/addEventListener

edit: jednak nie jest zarezerwowane https://stackoverflow.com/questions/7165570/is-clear-a-reserved-word-in-javascript

Answer 2

Otwórz konsolę (f12) i kliknij w btn16

Comments

Nic się nie dzieje w konsoli , po kliknięciu

---

podesłałam Ci w odpowiedzi fajny link do stackoverflow, gdzie jest wyjaśnione dlaczego nic Ci się nie dzieje po kliknięciu :)

---

Dzięki wielkie <3