从userinput显示工作日的Javascript_Javascript

从userinput显示工作日的Javascript

javascript

从userinput显示工作日的Javascript,javascript,Javascript,我想创建一个javascript函数，当用户在文本框中输入1并单击按钮时，它将在周一提示。那么我该怎么做呢。名单如下： `1=Monday 2=Tuesday 3=Wednesday 4=Thursday 5=Friday 6=Saturday` 谢谢以下是我对这个问题的回答：我想这会有帮助的 happyCoding:D用这些值创建一个数组，比如['周一'、'周二'、'周三'、'周四'、'周五'、'周六']；`。请注意星期天不见了然后将事件侦听器添加到输入中以检测keyup，例如，并使用

我想创建一个javascript函数，当用户在文本框中输入1并单击按钮时，它将在周一提示。那么我该怎么做呢。名单如下：

`1=Monday
2=Tuesday
3=Wednesday
4=Thursday
5=Friday
6=Saturday`

谢谢

以下是我对这个问题的回答：

我想这会有帮助的

happyCoding:D

用这些值创建一个数组，比如['周一'、'周二'、'周三'、'周四'、'周五'、'周六']；`。请注意星期天不见了

然后将事件侦听器添加到输入中以检测keyup，例如，并使用输入值中的数组索引

如果用户插入的是字母而不是数字，或者数字比你现在的天数大，那么你可以/应该让这更高级一点，以避免出现错误

例如：

var days = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
var input = document.querySelector('input');
input.addEventListener('keyup', function(){
    var value = parseInt(this.value) > 5 ? 0 : parseInt(this.value) || 0;
    alert(days[value]);
})

像这样的东西应该有用

<html>
<head>
    <script>
        function ShowDay(){
            var input = document.getElementById("txDay").value;
            if(!isNaN(input)){
                if(input > 0 && input < 8){
                    alert(DayOfWeek(input));
                }
                else{
                    document.getElementById("txDay").value = "";
                    document.getElementById("txDay").focus();
                }
            }    
        }

        function DayOfWeek(x){
            var days = ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];
            return days[x-1];
        }

    </script>
</head>
<body>
    <input type="text" id="txDay" />
    <button type="button" onclick="ShowDay()">Try me</button>
</body>