Есть ли функция в JS где можно добавить в код html математические символы которые будут печататься?

Всем привет․Я начинаю изучать программирование и я хочу писать простой калькулятор с помощью HTML и JS.

Я разобрался с цифрами,но математических символами - нет․Подскажите пожалуйста как я могу писать такую функцию которая бы печатала на экране моего калькулятора математические символы․Гугл не помогает и для чистоты кода хочу чтобы мои символы были через теги td и button.

<html>
    <head>
        <title>Calculator</title>
        <style>
            thead, tbody {
                user-select: none;
            }
        </style>
    </head>
        <body>  
            <form> 
                <table border="1px">
                    <thead>
                        <tr>
                            <td colspan="4">
                                <input type="text" id="Screen" name="Screen" value="0" dir="rtl" readonly="readonly" maxlength="16"/>
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><button type="button" onclick="inputNumber(this);">7</button></td>
                            <td><button type="button" onclick="inputNumber(this);">8</button></td>
                            <td><button type="button" onclick="inputNumber(this);">9</button></td>
                            <td><button type="button" onclick="">*</button></td>
                        </tr>
                        <tr>
                            <td><button type="button" onclick="inputNumber(this);">4</button></td>
                            <td><button type="button" onclick="inputNumber(this);">5</button></td>
                            <td><button type="button" onclick="inputNumber(this);">6</button></td>
                            <td><button type="button" onclick="">-</button></td>
                        </tr>
                        <tr>
                            <td><button type="button" onclick="inputNumber(this);">1</button></td>
                            <td><button type="button" onclick="inputNumber(this);">2</button></td>
                            <td><button type="button" onclick="inputNumber(this);">3</button></td>
                            <td><button type="button" onclick="">+</button></td>
                        </tr>
                        <tr>
                            <td><button type="button">+/-</button></td>
                            <td><button type="button" onclick="inputNumber(this);">0</button></td>
                            <td><button type="button" onclick="">.</button></td>
                            <td><button type="button">=</button></td>
                        </tr>
                    </tbody>
                </table>
            </form>
            <script>
                function inputNumber(that) {
                    var screen = document.getElementById('Screen');

                    if(screen.value.length < screen.getAttribute('maxlength'))
                        screen.value = Number(screen.value + that.innerText);
                }
        </script>
    </body>
</html>


Ответы (0 шт):