جاوا اسکریپت

2 سال پیش توسط میلاد-م آپدیت شد
آفلاین
user-avatar
Abdullah Ayashizade ( 215 تجربه )
3 سال پیش

لینک کوتاه اشتراک گذاری

0

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

بهترین پاسخ
آفلاین
user-avatar
علیرضا ساجدی
3 سال پیش

    <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>```
آفلاین
user-avatar
Farhad Mortezapour ( 10578 تجربه )
3 سال پیش
تخصص : برنامه نویس

لینک کوتاه اشتراک گذاری

0

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

آفلاین
user-avatar
Abdullah Ayashizade ( 215 تجربه )
3 سال پیش

لینک کوتاه اشتراک گذاری

0

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

آفلاین
user-avatar
علیرضا ساجدی ( 15094 تجربه )
3 سال پیش
تخصص : Laravel,Vuejs

لینک کوتاه اشتراک گذاری

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>```
آفلاین
user-avatar
علیرضا ساجدی ( 15094 تجربه )
3 سال پیش
تخصص : Laravel,Vuejs

لینک کوتاه اشتراک گذاری

1

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

آفلاین
user-avatar
Abdullah Ayashizade ( 215 تجربه )
3 سال پیش

لینک کوتاه اشتراک گذاری

0

مرسی ممنون

آفلاین
user-avatar
iamdvs ( 9930 تجربه )
3 سال پیش

لینک کوتاه اشتراک گذاری

0

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

آفلاین
user-avatar
میلاد-م ( 261225 تجربه )
2 سال پیش
تخصص : طراح رابط کاربری - Front-End

لینک کوتاه اشتراک گذاری

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;
})
برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.