javascript - 当用户输入错误的 Angular 时，代码不会显示错误消息

Question

我正在制作一个抛射运动模拟器，并且希望在用户输入不在 0 到 90 度之间的 Angular 时显示错误消息，但文本从不显示

var calculate = function() {        
    var velocity = parseFloat(ctx.getElementById('Velocity').value);
    var angle = parseFloat(ctx.getElementById('Angle').value);
    var initialHeight = parseFloat(ctx.getElementById('Height').value) || 0;
    var vertPlane = parseFloat(ctx.getElementById('Vertical').value);
    var landPlane =  parseFloat(ctx.getElementById('Final-Height').value) || 0;

    if (angle > 90 || angle < 0 || angle === undefined) {
        ctx.restore();
        ctx.save();
        ctx.fillStyle = 'red';
        ctx.fillText("Please pick an angle between 0 and 90 degrees", canvas.width / 2, canvas.height / 2);
        ctx.translate(0, canvas.height);
        ctx.scale(1, -1);

    }
}

其余代码可以在这里找到 https://jsfiddle.net/xk22k8s7/1/

Answer 1

评论是正确的，问题是我使用的是 ctx.getElementById 而不是 document.getElementById 因为这些输入字段不在上下文中，而是在文档。