Abdullah Ayashizade
6 سال پیش توسط Abdullah Ayashizade مطرح شد
7 پاسخ

جاوا اسکریپت

سلام من میخوام یک input از نوعnumber باشه که متناسب با هر عددی که وارد بشه محتویی همون عدد برگرده کسی میتونه کمک کنه


ثبت پرسش جدید
علیرضا ساجدی
تخصص : Laravel,Vuejs
@alireza2000sajedi 6 سال پیش مطرح شد
0

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Example1</title>
    <link rel="stylesheet" href="css/style.css" >
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script>
        function display_case(){
            var num =   document.getElementById('number').value;

                switch(num){

                    case (num = "1"):
                    document.getElementById("result").innerHTML = "You select day Sunday";
                    break;

                    case (num = "2"):
                    document.getElementById("result").innerHTML = "You select day  Monday";
                    break;

                    case (num = "3"):
                    document.getElementById("result").innerHTML = "You select day  Tuesday";
                    break;

                    case (num = "4"):
                    document.getElementById("result").innerHTML = "You select day  Wednesday";
                    break;

                    case (num = "5"):
                    document.getElementById("result").innerHTML = "You select day  Thusday";
                    break;

                    case (num = "6"):
                    document.getElementById("result").innerHTML = "You select day  Friday";
                    break;

                    case (num = "7"):
                    document.getElementById("result").innerHTML = "You select day  Saturday";
                    break;

                    default:
                    document.getElementById("result").innerHTML = "You select day  Invalid Weekday";
                    break
                }

        }
    </script>
</head>
<body>
    <center>
        <div id="error"></div>
        <center>
            <h2> Switch Case Example </h2>
            <p>Enter a Number Between 1 to 7</p>
            <input type="text" id="number" />
            <button onclick="display_case();">Check</button><br />
            <div id="result"><b></b></div>
        </center>
    </center>
</body>```

Farhad Mortezapour
تخصص : برنامه نویس
@farhadmp 6 سال پیش مطرح شد
0

بیشتر توضیح دهید "محتویی همون عدد برگرده" یعنی چی؟


Abdullah Ayashizade
@a.ayashizade 6 سال پیش مطرح شد
0

یعنی عدد 1 اگر وارد بشه متن یا هر محتوایی دیگه پیش فرض که واستش ذخیر کردن برگرده وبقیه اعداد و max اعداد10 است


علیرضا ساجدی
تخصص : Laravel,Vuejs
@alireza2000sajedi 6 سال پیش مطرح شد
0

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Example1</title>
    <link rel="stylesheet" href="css/style.css" >
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script>
        function display_case(){
            var num =   document.getElementById('number').value;

                switch(num){

                    case (num = "1"):
                    document.getElementById("result").innerHTML = "You select day Sunday";
                    break;

                    case (num = "2"):
                    document.getElementById("result").innerHTML = "You select day  Monday";
                    break;

                    case (num = "3"):
                    document.getElementById("result").innerHTML = "You select day  Tuesday";
                    break;

                    case (num = "4"):
                    document.getElementById("result").innerHTML = "You select day  Wednesday";
                    break;

                    case (num = "5"):
                    document.getElementById("result").innerHTML = "You select day  Thusday";
                    break;

                    case (num = "6"):
                    document.getElementById("result").innerHTML = "You select day  Friday";
                    break;

                    case (num = "7"):
                    document.getElementById("result").innerHTML = "You select day  Saturday";
                    break;

                    default:
                    document.getElementById("result").innerHTML = "You select day  Invalid Weekday";
                    break
                }

        }
    </script>
</head>
<body>
    <center>
        <div id="error"></div>
        <center>
            <h2> Switch Case Example </h2>
            <p>Enter a Number Between 1 to 7</p>
            <input type="text" id="number" />
            <button onclick="display_case();">Check</button><br />
            <div id="result"><b></b></div>
        </center>
    </center>
</body>```

علیرضا ساجدی
تخصص : Laravel,Vuejs
@alireza2000sajedi 6 سال پیش مطرح شد
1

@alireza2000sajedi
این کد های بالا رو کپی کن خودت متوجه میشی


Abdullah Ayashizade
@a.ayashizade 6 سال پیش مطرح شد
0

مرسی ممنون


iamdvs
@programmersharp1379 6 سال پیش مطرح شد
0

از جی کوعری استفاده کنید اسون تره


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0
// html
<input type="number" min="1" max="10" />
<div id="output"><div>

// js/es6
document.querySelector('input').('input', e => {
    document.getElementById('output').textContent = e.target.value;
})

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام