ProjeXCode Forum: Membuat Promo Code/Discount Code Menggunakan Vanilla JS

Title Role Staff

Title Role Senior Member

Title Role Member

Title Role Junior Member

Title Role New Member

Title Badge Moderator

Title Color Moderator

Title Badge Staff

Title Color Staff

Title Badge Member

Title Color Member

Status Info

Status Verified

ADS Title User

Your Time :

Server Time :

  • Membuat Promo Code/Discount Code Menggunakan Vanilla JS
    May 14, 2022
    Share this Threads
    Close
    Yo saya mau sharing script lama dimana script ini ku buat waktu bikin Project Theme Pertama Kalinya di blogger (awal bikin theme lgsg ke jenis e-commerce dan ending nya ga jadi themenya wwww).

    script ini Pure Vanilla JS jadi ga butuh library Jquery dkk.

    HTML :

    <input id='coupon' type='text'/>
    <input id='submit' type='submit'/>
    <div id='validCoupon'></div>
    <div>Harga : <span id='price'>5000</span></div>
    <div>Discount : <span id='couponCode'>-</span></div>
    <div>Sub Total : <span id='subtotal'>-</span></div>


    Script.Js :

    document.getElementById('submit').addEventListener('click',function(){
    const value = document.getElementById('coupon').value,
    totalPrice = document.getElementById('price').innerHTML,
    coupon={};
    coupon.PROMO17AN = 20;
    coupon.JUNI06 = 50;
    if(coupon[value]){
    document.getElementById('validCoupon').innerHTML = 'Coupon Valid';
    document.getElementById('couponCode').innerHTML = coupon[value] + '%';
    document.getElementById('subtotal').innerHTML = totalPrice - ((totalPrice*coupon[value])/100);
    }else{
    document.getElementById('validCoupon').innerHTML = 'Coupon Unvalid';
    document.getElementById('couponCode').innerHTML = 'None';
    document.getElementById('subtotal').innerHTML = totalPrice;


    Untuk Menambahkan Promo Code/Discount Code sebagai berikut :

    coupon.[NAMA CODE] = [Discount Berapa Persen];
    Last edited : May 14, 2022
    Mon May 30, 02:18:00 PM GMT+9
    Om boleh request gak bikinin script history baca chapter seperti di tamplate wordpress
    Mon May 30, 02:35:00 PM GMT+9
    erDev said: Om boleh request gak bikinin script history baca chapter seperti di tamplate wordpress
    maaf masih belum bisa ngerjain request2-an. untuk info lebih lanjut check disini :
    https://www.forum.projexcode.com/p/projexcode-discussion.html#c1518484711827410188

    tpi kalo kamu mau berinisiatif membuat sendiri itu pake sessionStorage, caranya sama kyak fitur bookmark tpi kalo bookmark kan pakai event click kalo history itu onload page dan tidak menggunakan LocalStorage tetapi sessionStorage. tpi kalo malas bikin ya tunggu aja project ku kelar atau pas diriku juga butuh fitur tersebut mungkin ku kerjain tanpa nunggu project ku kelar.
    Mon May 30, 03:28:00 PM GMT+9
    Request Template Server Player Streaming Untuk Bisa Dipakai Di Website Streaming Anime
    Mon May 30, 04:19:00 PM GMT+9
    Royale Scans ID said: Request Template Server Player Streaming Untuk Bisa Dipakai Di Website Streaming Anime
    maksudnya membuat model player sendiri ya bukan dari video embed ? mungkin kamu bisa pakai VideoJs

    documentation :
    https://docs.videojs.com/

    jika tertarik untuk cara pemasangan :
    https://videojs.com/getting-started/
    Tue May 31, 12:15:00 AM GMT+9
    김서정 said: maksudnya membuat model player sendiri ya bukan dari video embed ? mungkin kamu bisa pakai VideoJs

    documentation :
    https://docs.videojs.com/

    jika tertarik untuk cara pemasangan :
    https://videojs.com/getting-started/
    Tapi Bisakan Dijadikan Template Blogger Kayak Hibstream: https://hibstreamdrive.blogspot.com/?m=1?id=1Uz3vgk4eE7kbK_bOeBc9XKhkPT1JeNjZ
    Tue May 31, 04:47:00 AM GMT+9
    Royale Scans ID said: Tapi Bisakan Dijadikan Template Blogger Kayak Hibstream: https://hibstreamdrive.blogspot.com/?m=1?id=1Uz3vgk4eE7kbK_bOeBc9XKhkPT1JeNjZ
    ya semua tergantung dirimu bisa nge poles/membuat script ini menjadi apa yang kamu mau atau tidak.

    ini contoh hasil player dari VideoJs :
    <link href="https://vjs.zencdn.net/7.19.2/video-js.css" rel="stylesheet" />
    <video
    id="my-video"
    class="video-js"
    controls
    preload="auto"
    width="100%"
    height="auto"
    poster="https://scontent-sin6-2.xx.fbcdn.net/v/t39.30808-6/231707455_5834205329986910_385210023055303034_n.jpg?stp=dst-jpg_p180x540&_nc_cat=105&ccb=1-7&_nc_sid=730e14&_nc_ohc=itw-Gl7NBUQAX9hAtri&_nc_ht=scontent-sin6-2.xx&oh=00_AT9Ytxwbj4RTTDRkNR1yIzQua8Z6tsfC1bt1Ga0X9lzOcw&oe=629AF309"
    data-setup="{}"
    >
    <source id="video" src="https://fvs.io/redirector?token=ZVg2eXVqVXVXZnE3WVZZdC83TXhkakJjeFh5NWRzTDQrK3RYOTJuZDR2SzVhMEVnQkpSNGhVK0l5eFczNnY2NlBpN3ZMR09NU2lhUUlWR0oyS3FFeVNhZ2x4bUlpRVhkdHhPeXFDNGpZZTI2RGJWbUJiYmZ2STVBMnhoVk85a3NDODNUK3NJV1ZJckh5Sng2WTZRb1RqOFIrSW5CTFYzZ2t1Smc6N2R1WDVQcmxGVzh4YzdQc0tyS1VsZz09RTTg" type="video/mp4"></source>
    </video>


    kalo source error coba kamu ganti dengan link lain (bukan link embed ya tpi mp4 dkk)
    Sat Jun 04, 12:24:00 AM GMT+9
    I hope you can post an article on how to create "widget history". Demo:https://kumareader.blogspot.com/
    Sat Jun 04, 11:05:00 AM GMT+9
    Dũ said: I hope you can post an article on how to create "widget history". Demo:https://kumareader.blogspot.com/
    please read it (Use translate if you don't understand the indonesian language) :
    https://www.forum.projexcode.com/p/projexcode-discussion.html#c1518484711827410188

    and if you have initiative, you can make own this featured, the script same like bookmark featured but you not using localStorage but you use SessionStorage, and the event feature running is onload page not click button event
    Sat Jun 04, 09:16:00 PM GMT+9
    Kubao said: please read it (Use translate if you don't understand the indonesian language) :
    https://www.forum.projexcode.com/p/projexcode-discussion.html#c1518484711827410188

    and if you have initiative, you can make own this featured, the script same like bookmark featured but you not using localStorage but you use SessionStorage, and the event feature running is onload page not click button event
    I can't find the code

    Similar Threads