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

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

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

سوال 3 سال قبل در تالار برنامه نویسی توسط farzad6631 (5 امتیاز)
ویرایش 3 سال قبل توسط 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>

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

 

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

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

0 رأی
2 جواب میانگین بازدید روزانه 0.4364 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 0.1106 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 0.09130 بازدید
سوال 3 سال قبل در تالار برنامه نویسی توسط bahrambb (283 امتیاز)
0 رأی
1 جواب میانگین بازدید روزانه 0.12201 بازدید
0 رأی
0 جواب میانگین بازدید روزانه 0.3925 بازدید
0 رأی
1 جواب میانگین بازدید روزانه 0.163 بازدید
0 رأی
1 جواب میانگین بازدید روزانه 0.65581 بازدید
سوال 2 سال قبل در تالار برنامه نویسی توسط منصوره56 (0 امتیاز)
0 رأی
2 جواب میانگین بازدید روزانه 0.2182 بازدید
+2 رأی
1 جواب میانگین بازدید روزانه 0.23258 بازدید
سوال 3 سال قبل در تالار برنامه نویسی توسط modomesell (10 امتیاز)
+1 رأی
1 جواب میانگین بازدید روزانه 0.19243 بازدید
کانال تلگرام جواب یاب
...