Pulsa Reguler

@import url(“https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css”);

.bg-head {
background: #00796b;
height: 100px;
}
.inp-nomor {
border-radius: 5px;
margin-top: -70px;
border: none;
box-shadow: 1px 2px 5px rgba(10, 10, 10, 0.137);
}
.lab {
z-index: 1;
border: 1px solid white;
width: 60px;
font-size: 10px;
display: flex;
justify-content: center;
margin-left: 10px;
background-color: white;
font-weight: 550;
color: #00796b;
}
.form-lb {
margin-top: -10px;
font-size: 13px;
padding: 10px;
font-weight: 500;
background-color: transparent;
}
.form-lb:focus {
box-shadow: none;
border: 0.1px solid #00796b;
background-color: transparent;
}
::placeholder {
font-size: 13px;
font-weight: 450;
}
.fsrc {
color: #000;
}
.produk-nama {
margin-bottom: 0;
font-size: 13px;
font-weight: 500;
opacity: 0.9;
}
.produk-brand {
margin-bottom: 0;
font-size: 12px;
opacity: 0.7;
margin-top: -3px;
}
.produk-harga {
margin-bottom: 0;
font-size: 13px;
font-weight: 500;
color: #00796b;
}
.c-produk {
border: none;
box-shadow: 0px 1px 1px 1.2px rgba(10, 10, 10, 0.075);
}
.btn-select {
border: 1px solid #00796b;
color: #00796b;
border-radius: 15px;
width: 100%;
background-color: white;
font-size: 12px;
transition: 300ms all;
}
.btn-select-act {
background-color: #00796b;
color: white;
}
.for-load {
color: red;
font-size: 12px;
font-style: italic;
}
.text-null {
font-weight: 600;
opacity: 0.7;
font-size: 13px;
}
.rc {
margin-bottom: 0;
color: white;
font-size: 13px;
font-weight: 600;
}
.bg-canvas {
background-color: #00796b;
color: white;
border-top-left-radius: 10px ;
border-top-right-radius: 10px ;
}
.offcanvas-bottom {
height: auto !important;
border-top-left-radius: 10px ;
border-top-right-radius: 10px ;
}

.indx {
font-size: 12px;
font-weight: 500;
opacity: 0.7;
margin-bottom: 0px;
}
.val {
font-size: 13px;
font-weight: 500;
margin-bottom: 0px;
}
.dashed{
border-top: 1px dashed #8c8b8b;
}
.bo {
box-shadow: 1px 1px 3px #8c8b8b;
}
.desc {
font-size: 12px;
opacity: 0.7;
}

.btn-beli {
background-color: #00796b;
border: #00796b;
color: white;
border-radius: 5px;
font-size: 13px;
text-transform: uppercase;
}
.btn-batal {
background-color: #808080;
border: #808080;
color: white;
border-radius: 5px;
font-size: 13px;
text-transform: uppercase;
}

#search:focus {
box-shadow: none;
border: 0.1px solid #00796b;
}
.c-hijau {
color: #00796b;
margin-top: -35px;
margin-bottom: 15px;
width: 10px;
margin-left: 90%;
position: relative;
}
*{
user-select: none ;
}
::-webkit-scrollbar {
width: 1px;
}

https://code.jquery.com/jquery-3.6.0.min.js

Pilihan Pulsa

---

Reguler
Transfer
Masa Aktif

https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js

const baseApi = ‘https://millenialstekhnologi.com/newapi/index.php’
const urlTko = ‘https://bisakuota.online’

const PulsaRegTelkomsel = [‘Telkomsel Reguler’, ‘telkomsel-339156’]
const PulsaTfTelkomsel = [‘Telkomsel Transfer’, ‘pulsa-tsel-transfer-436775’]
const masaAktifTelkomsel = [‘Masa Aktif Telkomsel’, ‘aktivasi-masa-aktif-436749’]

const PulsaRegAxis = [‘Axis Reguler’, ‘axis-339062’]
const PulsaTfAxis = [‘Axis Transfer’, ‘axis-transfer-321903’]
const masaAktifAxis = [‘Masa Aktif Axis’, ‘axis-masa-aktif-125’]

const PulsaRegXl = [‘Xl Reguler’, ‘xl-339064’]
const PulsaTfXl = [‘Xl Transfer’, ‘pulsa-tf-xl-436780’]
const masaAktifXL = [‘Masa Aktif Xl’, ‘xl-351098’]

const PulsaRegIndosat = [‘Indosat Reguler’, ‘indosat-339061’]
const PulsaTfIndosat = [‘Indosat Transfer’, ‘pulsa-transfer-im3-436777’]
const masaAktifIndosat = [‘Masa Aktif Indosat’, ‘indosat-351098’]

const PulsaRegSmartfren = [‘Smartfren Reguler’, ‘smartfren-339059’]
const PulsaTfSmartfren = [‘Smartfren Transfer’, ‘smart-transfer-321901’]
const masaAktifSmartfren = [‘Masa Aktif Smartfren’, ‘smart-351098’]

const PulsaRegThree = [‘Three Reguler’, ‘three-339063’]
const PulsaTfThree = [‘Three Transfer’, ‘tri-transfer-321904’]
const masaAktifThree = [‘Masa Aktif Three’, ‘tsel-351098’]

const load = `

`

const dataNull = `

Kemungkinan Produk ini belum tersedia nih

`

$(“#nomoHp”).change(function() {
if($(this).val().length > 10){
setTimeout(() => {
swtch(‘reg’, ‘PulsaReg’, ‘Pulsa Reguler’)
}, 1000)
}
})

function detecNumber(type) {
var num = $(“#nomoHp”).val()
var str4 = “”+num+””

var xPlus = str4.substring(0,3)
var xsisa = str4.substring(4,15)

if(xPlus == ‘+62’) {
x = ’08’+xsisa
$(“#nomoHp”).val(x)
}

var x = str4.substring(0,4)

if(x == 0811 || x == 0812 || x == 0813 || x == 0821 || x == 0822 || x == 0852 || x == 0853 || x == 0823 || x == 0851) {
if(type == ‘reg’){
getData(PulsaRegTelkomsel, type)
}else if(type == ‘tf’) {
getData(PulsaTfTelkomsel, type)
}else {
getData(masaAktifTelkomsel, type)
}
}else if(x == 0838 || x == 0831 || x == 0832 || x == 0833){
if(type == ‘reg’){
getData(PulsaRegAxis, type)
}else if(type == ‘tf’) {
getData(PulsaTfAxis, type)
}else {
getData(masaAktifAxis, type)
}
}else if(x == 0814 || x == 0815 || x == 0816 || x == 0855 || x == 0856 || x == 0857 || x == 0858){
if(type == ‘reg’){
getData(PulsaRegIndosat, type)
}else if(type == ‘tf’) {
getData(PulsaTfIndosat, type)
}else {
getData(masaAktifIndosat, type)
}
}else if(x == 0818 || x == 0817 || x == 0819 || x == 0859 || x == 0877 || x == 0878){
if(type == ‘reg’){
getData(PulsaRegXl, type)
}else if(type == ‘tf’) {
getData(PulsaTfXl, type)
}else {
getData(masaAktifXL, type)
}
}else if(x == 0881 || x == 0882 || x == 0883 || x == 0884 || x == 0885 || x == 0886 || x == 0887 || x == 0888 || x == 0889){
if(type == ‘reg’){
getData(PulsaRegSmartfren, type)
}else if(type == ‘tf’) {
getData(PulsaTfSmartfren, type)
}else {
getData(masaAktifSmartfren, type)
}
}else if(x == 0895 || x == 0896 || x == 0897 || x == 0898 || x == 0899) {
if(type == ‘reg’){
getData(PulsaRegThree, type)
}else if(type == ‘tf’) {
getData(PulsaTfThree, type)
}else {
getData(masaAktifThree, type)
}
}
}

function getData(pReg, type) {
var brand = pReg[0]
var urls = pReg[1]

$(“#ttl”).html(brand)
$.ajax({
type: “GET”,
url: `${baseApi}/products?url=${urlTko}&category=${urls}`,
dataType: “json”,
beforeSend:function(){
$(“#for-ld2”).show()
$(“#bigDataReg”).html(load)
},
success: function (response) {
$(“#for-ld2”).hide()
$(“#for-ld”).hide()

if(response.length == 0) {
$(“#bigDataReg”).html(dataNull)
}else {
looping(response, brand, type)
}
}
});
}

function looping(data, brand, target) {
$.each(data, function (i, v) {
$(“.”+target).append(`

`)
});
}

function detail(namaproduk, harga, produk) {
var numb = $(“#nomoHp”).val()
$.ajax({
type: “GET”,
url: `${baseApi}/products/detail?url=${urlTko}&produk=${produk}`,
dataType: “json”,
success: function (response) {
$(“#prod”).html(namaproduk)
$(“#prc”).html(harga)
$(“#numb”).html(numb)

var res = response.data
$(“#desc”).html(res.description.replace(“-“, “”))
$(“#btnBli”).attr(“href”, urlTko+”/produk/”+produk+”?catatan=”+numb)
}
});
}

function clr(content){
var num = $(“#nomoHp”).val()
if(content == ‘default’){
content = ‘Silahkan masukan nomor hp yang valid terlebih dahulu…’
$(“.reg”).remove()
$(“.tf”).remove()
$(“.masa”).remove()
$(“#bigDataReg”).html(`

`)
$(“#for-ld”).show()
}else {
if(num == 08){
$(“.reg”).remove()
$(“.tf”).remove()
$(“.masa”).remove()
$(“#bigDataReg”).html(`

`)
}else {
content = ‘Silahkan masukan nomor hp yang valid terlebih dahulu…’
}
}
}clr(‘default’)

$(“.dataPulsa”).hide()
$(“.reg”).show()
function swtch(target, value, title) {
var num = $(“#nomoHp”).val()
if(num.length > 10) {
detecNumber(target)
$(“#for-ld”).hide()
$(“.reg”).remove()
$(“.tf”).remove()
$(“.masa”).remove()
$(“#bigDataReg”).append(`

`)
$(“#bigDataReg”).append(`

`)
$(“#bigDataReg”).append(`

`)

$(“.dataPulsa”).hide()
$(“.”+target).show()
$(“.btn-select”).removeClass(“btn-select-act”)
$(“#”+target).addClass(“btn-select-act”)
}
}

$(document).ready(function(){
$(“#search”).on(“keyup”, function() {
var value = $(this).val().toLowerCase();
$(“section .card”).filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});