Events in js keypress, keyup,keydown.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <label for="check-name">name1</label>
    <input type="text" id="check-name" onkeypress= "result()">
    <h2 id="header"> Sofware Developer</h2>

    <script>

const element= document.getElementById("check-name")

const element2=document.getElementById("header");

function result() {
    element2.innerHTML=element.value;
}


// onkeypress backspace not work
// onkeydown backspace work
// onkeyup key leave then show

    </script>
</body>
</html>