جستجو با شرط در HTML

+1 رأی
میانگین بازدید روزانه 0.26400 بازدید

سلام
عذر خواهی میکنم
من به یک کد html نیاز دارم که شامل
یک فیلد باشه و یک کلید
مثل شکل پیوست
با این شرط که مثلا اگه عدد 20 در فیلد وارد کردند و کلید جستجو را زدند یه لینک رو نمایش بده و
همینطور اگه عدد 10 را وارد کردند یه لینک دیگه را باز کنه.
البته دیتابیس نمیخوام چون فقط همین دوتا کد 10 و 20 هست.
ممنون میشم مدیران و دوستان سورس کد رو برام قرار بدهند.

سوال 4 سال قبل در تالار برنامه نویسی توسط farzad6631 (5 امتیاز)
ویرایش 4 سال قبل توسط Saeed Zarinfam

1 جواب

+1 رأی

سلام

تا جایی که می دونم، در HTML برچسب های شرطی نداریم؛ یعنی نمی تونیم از گزاره های شرطی مثه if استفاده کنیم. برای این جور مصارف، از JavaScript  استفاده میشه.

مطابق سوال شما، این طور داریم:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
    <title>entry validation</title>
<script>
function displayOutput() {
var input = document.getElementById("userInput").value
if(input=='10') 
{
    alert('WWW.JAVABYAB.COM');
}
else if(input=='20') 
{
    alert('سایت جواب یاب');
}
else if(input=='')
{
    alert('چیزی وارد نکردید! لطفا عددی را در کادر وارد کنید')
}
else
{
    alert('عدد وارد شده صحیح نیست؛ لطفا عدد دیگری وارد کنید.');
}
}
</script>
</head>
<body>
    <h1 id="result">ترمینال داده ها</h1>
    <input type="number" id="userInput"/>
    <input type="submit" value="ارسال" onclick="displayOutput()" />
</html>

که نتیجه، مانند زیر خواهد بود:

 

جواب 4 سال قبل توسط TheFuture (484 امتیاز)
ویرایش 4 سال قبل توسط TheFuture

سوال های مشابه

0 رأی
0 جواب میانگین بازدید روزانه 0.6414 بازدید
0 رأی
2 جواب میانگین بازدید روزانه 0.2865 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 0.1108 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 0.09136 بازدید
سوال 4 سال قبل در تالار برنامه نویسی توسط bahrambb (283 امتیاز)
0 رأی
1 جواب میانگین بازدید روزانه 0.11208 بازدید
0 رأی
0 جواب میانگین بازدید روزانه 0.2233 بازدید
0 رأی
1 جواب میانگین بازدید روزانه 0.168 بازدید
0 رأی
1 جواب میانگین بازدید روزانه 0.65639 بازدید
سوال 2 سال قبل در تالار برنامه نویسی توسط منصوره56 (0 امتیاز)
0 رأی
2 جواب میانگین بازدید روزانه 0.19191 بازدید
+2 رأی
1 جواب میانگین بازدید روزانه 0.22270 بازدید
سوال 3 سال قبل در تالار برنامه نویسی توسط modomesell (10 امتیاز)
کانال تلگرام جواب یاب
...