Javascript从用户输入显示WeekDays

时间:2014-08-07 11:35:09

标签: javascript

我想创建一个javascript函数,就像用户在文本框中输入1并单击按钮一样,它会提示" Monday"。那我怎么能这样做呢。这是清单:

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

谢谢

3 个答案:

答案 0 :(得分:0)

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

displaying days of the week in java script

我认为这会有所帮助。

happyCoding:D

答案 1 :(得分:0)

制作一个包含这些值的数组,如['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];`。 请注意星期天不见了......

然后在输入中添加一个事件侦听器以检测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]);
})

答案 2 :(得分:0)

这样的事情应该有效

<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>