How to make input type number un-editable but still functioning?

Question

I tried this one but not working. is there any way

Answer 1

This is from Disable writing in input type number HTML5, but it requires jQuery.

$("[type='number']").keypress(function (evt) {
    evt.preventDefault();
});

Without jQuery code is: (input is an input field)

input.onkeypress=function(evt){
    evt.preventDefault();
};