با سلام دوستان عزیز من به مشکلی دارم با جاوا اسکریپت و چون تازه کار هستم به کمک اساتید محترم نیاز دارم
میخوام از یه صفحه سایت یه فرم که کاربر کد کالاش رو میزنه و بهش از روی api چک میکنه و بهش میگه که تا کی گارانتی داره و اصلا این کد درسته یا نه نمی دونم دقیقا باید چیکار کنم
کد html فرم ورود اینه
form action="" method="get" class="rText bg-dark p-3 m-2 font-size-20">
<label for="rahgir" class="lblTxt">کد رهگیری</label>
<input type="number" name="rahgir" id="rahBox" placeholder="لطفا بارکد کالا را وارد نمایید." />
<input type="submit" id="resultBox" value="ارسال" onclick="guarantyStatus()" class="btn btn-success" />
</form>
و کد جاوا اسکریپت هم اینه
function guarantyStatus(){
var requst = new XMLHttpRequest();
requst.open("GET", "http://apitester.ir/api/Categories")
requst.onreadystatechange = function() {
if(this.readyState == 4 && this.status == 200){
document.querySelector(this.#resultBox).inertext = JSON.parse(this.responseText);
}
}
requst.send();
}
باید چیکار کنم که وقتی کد رو میزنه کاربر چک کنه و گارانتی رو بهش بگه و اینکه توی یه کادر بعد از اینکه ارسال رو زد بیاد و وقتی چیزی نیست اون قسمت نباشه توی صفحه
درود بر شما کدوم قسمت نباشه ؟
شما باید کلش رو با جاوااسکریپت هندل کنید البته بهتر هست برای ارتباط با api از کتابخونه axios استفاده کنید
و برای مدیریت فرم ها هم از event handler های مختلم به جای onclick
حسام جان عزیزم من اگه بلد بودم که نمی اومدم اینجا چون تازه وارد هستم و اطلاع زیادی ندارم اومدم شما و بقیه دوستان کمکم کنن.
کد چی بنویسم که کار کنه واسم؟
قسمت نمایش اطلاعات گارانتی نباشه همیجوری خالی وقتی کد کالا رو زد کاربر یه کادر بیاد نشون بده وقتی هم رفرش شد اون کادر بره hidden باشه
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟