Thiết kế website giá rẻ

Question

I wanted to create Js calculator,so I got a problem with displaying the results of my code on `textarea`.

<html>

<head>

</head>

<body>

function handleClick(event)

{

const action = event.target.dataset.action;

const area = document.getElementById("area");

area.value += String.fromCharCode(action);

}

let buttons = document.getElementsByClassName("but");

[...buttons].forEach(item => item.addEventListener('click',handleClick))

</script>

</body>

</html>

</code>

<code><!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> </head> <body> <script> function handleClick(event) { const action = event.target.dataset.action; const area = document.getElementById("area"); area.value += String.fromCharCode(action); } let buttons = document.getElementsByClassName("but"); [...buttons].forEach(item => item.addEventListener('click',handleClick)) </script> <textarea row = "10" col = "10" id="area" placeholder = "Here will be your answear..."></textarea> <button class = "but" data-action = "49">1</button> <button class = "but" data-action = "50">2</button> <button class = "but" data-action = "51">3</button> <button class = "but" data-action = "52">4</button> <button class = "but" data-action = "53">5</button> <button class = "but" data-action = "54">6</button> <button class = "but" data-action = "55">7</button> <button class = "but" data-action = "56">8</button> <button class = "but" data-action = "57">9</button> <button class = "but" data-action = "48">0</button> <button class = "but" data-action = "187">+</button> <button class = "but" data-action = "189">-</button> <button class = "but" data-action = "56">*</button> <button class = "but" data-action = "191">/</button> <button class = "but" data-action = "187">=</button> <button class = "but" data-action = "67">C</button> </body> </html> </code>

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "UTF-8">
    </head>
    <body>
        <script>
            function handleClick(event)
            {
                const action = event.target.dataset.action;
                const area = document.getElementById("area");
                area.value += String.fromCharCode(action);
            }

            let buttons = document.getElementsByClassName("but");

            [...buttons].forEach(item => item.addEventListener('click',handleClick))
            
        </script>
        <textarea row = "10" col = "10" id="area" placeholder = "Here will be your answear..."></textarea>
        <button class = "but" data-action = "49">1</button>
        <button class = "but" data-action = "50">2</button>
        <button class = "but" data-action = "51">3</button>
        <button class = "but" data-action = "52">4</button>
        <button class = "but" data-action = "53">5</button>
        <button class = "but" data-action = "54">6</button>
        <button class = "but" data-action = "55">7</button>
        <button class = "but" data-action = "56">8</button>
        <button class = "but" data-action = "57">9</button>
        <button class = "but" data-action = "48">0</button>
        <button class = "but" data-action = "187">+</button>
        <button class = "but" data-action = "189">-</button>
        <button class = "but" data-action = "56">*</button>
        <button class = "but" data-action = "191">/</button>
        <button class = "but" data-action = "187">=</button>
        <button class = "but" data-action = "67">C</button>
    
    </body>
</html>

Thanks for your help!

I tried to add const area because I thought that it will help my code to understand where the result must be displayed…

Thiết kế website giá rẻ

Danh mục

How can display the result of my HTML/JS code?

I wanted to create Js calculator,so I got a problem with displaying the results of my code on `textarea`.

Danh mục

I wanted to create Js calculator,so I got a problem with displaying the results of my code on textarea.

I wanted to create Js calculator,so I got a problem with displaying the results of my code on `textarea`.