onclick не пашет
 

привет все. сегодня начал юзать js.
после прочтения и просмотров видео решил без подглядования запилить калькулятор. все было хорошо, пока я не решил сделать кноаку "очистить"

короче.

function sum(){
        var t1 = Number(document.getElementById('t1').value);
        var t2 = Number(document.getElementById('t2').value);
        var result = t1 + t2;
        var MyEl = document.getElementById('result');
        MyEl.className = 'testClass';
        MyEl.innerHTML = result;
        if(result){
            document.getElementById('clear').style.display = 'table-row-group';
        }
    }

    function hiddenText (ElId) {
        if(document.getElementById(ElId).style.display == 'none'){
            document.getElementById(ElId).style.display = 'block';
        }else{
            document.getElementById(ElId).style.display = 'none';
        }
    }

    function clear (){ // 
        
        alert('123');
        
    }

html

<form>
    	<input type = "text" id = "t1" value = "5" /> + <input type = "text" id = "t2" value = "5" /> = <span id = "result"></span> <br />
        <input type = "button" onclick = "sum()" value = "считать" /> 
        <input id = "clear" type = "button" style = "display:none;" onclick = "clear()" value = "сбросить">
    </form>

    <br><br>

    
    <a href="#" class="hiddenLink" onclick = "hiddenText(1)">Об этом скрипте</a>
    <div id = "1" class = "hiddenText" style = "display: none;">
        откидной список типа
    </div>

вот, что показывает браузер Uncaught TypeError: object is not a function

на строке
<input id = "clear" type = "button" style = "display:none;" onclick = "clear()" value = "сбросить">

спасибо за ранее

Плохое название функции назови к примеру cleaning вместо clear

ооооо, спасибо тебе ))