Skip to content

Commit

Permalink
add fetch
Browse files Browse the repository at this point in the history
  • Loading branch information
@aliramezani747
aliramezani747 committed Jun 14, 2024
1 parent 2358f2b commit fff70f5
Show file tree
Hide file tree
Showing 2 changed files with 52 additions and 17 deletions.
24 changes: 12 additions & 12 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,27 +81,27 @@
<P class="text4"> معادل ۶۰۰ گیگ داخلی </P>
<P class="text4"> ۳ ماهه </P>
<P class="text4"> ۹۰ هزار تومان </P>
<h2 style="display: none;">محصول 1</h2>
<h2 style="display: none;">25181</h2>
<p class="description" style="display: none;"> ۳۰۰ گیگ بین الملل معادل ۶۰۰ گیگ داخلی ۳ ماهه </p>
<button class="btn" id="button300" onclick="showDescription('محصول 1')"> خرید سرویس </button>
<button class="btn" sid="25181" id="button300" onclick="showDescription('25181')"> خرید سرویس </button>
</div>
<div class="cards" id="card2">
<P class="text4"> ۳۰۰۰ گیگ بین الملل </P>
<P class="text4"> معادل ۶۰۰۰ گیگ داخلی </P>
<P class="text4"> ۶ ماهه </P>
<P class="text4"> ۳۰۰ هزار تومان </P>
<h2 style="display: none;">محصول 2</h2>
<h2 style="display: none;">25184</h2>
<p class="description" style="display: none;"> ۳۰۰۰ گیگ بین الملل معادل ۶۰۰۰ گیگ داخلی ۶ ماهه </p>
<button class="btn" id="button3000" onclick="showDescription('محصول 2')"> خرید سرویس </button>
<button class="btn" sid="25184" id="button3000" onclick="showDescription('25184')"> خرید سرویس </button>
</div>
<div class="cards" id="card4">
<P class="text4"> ۹۰۰۰ گیگ بین الملل </P>
<P class="text4"> معادل ۱۸۰۰۰ گیگ داخلی </P>
<P class="text4"> ۱۲ ماهه </P>
<P class="text4"> ۱میلیون و ۵۰۰ هزار تومان </P>
<h2 style="display: none;">محصول 4</h2>
<h2 style="display: none;">25187</h2>
<p class="description" style="display: none;"> ۹۰۰۰ گیگ بین الملل معادل ۱۸۰۰۰ گیگ داخلی ۱۲ ماهه </p>
<button class="btn" id="button9000" onclick="showDescription('محصول 4')"> خرید سرویس </button>
<button class="btn" sid="25187" id="button9000" onclick="showDescription('25187')"> خرید سرویس </button>
</div>
</div>
</section>
Expand All @@ -110,17 +110,17 @@ <h2 style="display: none;">محصول 4</h2>
<div class="form">
<div>
<label for="fname">نام</label><br>
<input placeholder="فارسی تاریپ کنید" type="text"><br>
<input placeholder="فارسی تاریپ کنید" value="" name="tbFirstName" type="text" maxlength="50" id="tbFirstName"><br>
</div>
<div>
<label for="fname"> نام خانوادگی </label><br>
<input placeholder="فارسی تاریپ کنید" type="text"><br>
<input placeholder="فارسی تاریپ کنید" value="" name="tbLastName" type="text" maxlength="50" required id="tbLastName"><br>
</div>
<div>
<label for="fname"> شماره تلفن ثابت </label><br>
<div class="form1">
<input placeholder="شماره تلفن" type="text">
<input placeholder="کد شهر " class="in1" type="text">
<input placeholder="شماره تلفن" name="tbAreaCode" type="number" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="3" id="tbAreaCode" value="" onblur=" padLeft('tbAreaCode', 3); toEnglishNumber('tbAreaCode');">
<input placeholder="کد شهر " name="tbTelRange" type="number" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="8" id="tbTelRange" value="" onblur=" toEnglishNumber('tbTelRange');">
</div>
</div>
<div>
Expand All @@ -129,13 +129,13 @@ <h2 style="display: none;">محصول 4</h2>
</div>
</div>
<div class="alert alert-success" id="descriptionDisplay" style="display: none;"></div>
<div class="policy" id="test12222">
<div class="policy">
<a href="https://store.pishgaman.net/download/%D9%82%D8%B1%D8%A7%D8%B1%D8%AF%D8%A7%D8%AFADSL.pdf">
کلیه قوانین مندرج در این لینک را مطالعه و تایید می نمایم </a>
<input type="checkbox" id="myCheckbox" onclick="showButton()">
</div>
<div id="myButton" style="display:none;">
<button class="button4 btn" > ثبت اطلاعات و ادامه </button>
<button class="button4 btn" name="submit_button" type="button" id="submit_button"> ثبت اطلاعات و ادامه </button>
</div>
</section>
<section class="fifth">
Expand Down
45 changes: 40 additions & 5 deletions index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,16 +31,51 @@ function showButton() {
button.style.display = "none";
}
}

function showDescription(product) {
let cards = document.getElementsByClassName("cards");
for (var i = 0; i < cards.length; i++) {
let card = cards[i];
let cardss = document.getElementsByClassName("cards");
for (let i = 0; i < cardss.length; i++) {
let card = cardss[i];
let title = card.getElementsByTagName("h2")[0].textContent;
let description = card.getElementsByClassName("description")[0].textContent;
if (title === product) {
document.getElementById("descriptionDisplay").textContent = description;
document.getElementById("descriptionDisplay").style.display = "block";
}
}
}
}


const submitButton=document.getElementById("submit_button")

submitButton.addEventListener("click", async() => {
const ali=document.getElementById('tbFirstName').value
const url = "https://store.pishgaman.net/Order/SubmitOrder";
const data = {
selectedServiceId: ali,
tbFirstName: "",
tbLastName: "",
tbTelRange: "",
tbMobile: ""
};

await fetch(url, {
method: 'POST',
// mode:"cors",
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(data)
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.json();
})
.then(data => {
console.log('Success:', data);
})
.catch((error) => {
console.error('Error:', error);
});
});

0 comments on commit fff70f5

Please sign in to comment.