Membuat alat cek Kode barang dengan javascript

Replace String dengan Javascript

       Kode barang dapat digunakan sebagai penanda sebuah produk, namun ketika customer ingin mencari barang dengan menggunakan kode maka anda dapat menambahkan script berikut di website anda, kode bisa disesuaikan dengan kebutuhan produk anda.


<h4>Cek Kode Produk :</h4>

<div class="col-sm-4" style="min-height: 200px; float:right">
    <div class="row">
        <div class="col-sm-4">
            <label for="sel1">Ukuran Drat:</label>
            <select class="form-control" id="sel1">
             <option>1/8"</option>
             <option>1/4"</option>
             <option>3/4"</option>
             <option>3/8"</option>
             <option>1/2"</option>
            </select></div>
        <div class="col-sm-4">
            <label for="sel2">Posisi:</label>
            <select class="form-control" id="sel2">
            <option>2 Position</option>
            <option>3 Position</option>
           </select></div>
        <div class="col-sm-4">
            <label for="sel3">Jumlah Coil:</label>
            <select class="form-control" id="sel3">
             <option>Single Coil</option>
             <option>Double Coil</option>
           </select></div>
    </div>
    <h2 id="demo"></h2>
    <button class="btn btn-default btn-sm" onclick="myFunction()" style="color: darkblue;float: right">Cek</button>
    <script>
        function myFunction() {
            var str = document.getElementById("sel1").value;
            var str1 = document.getElementById("sel2").value;
            var str2 = document.getElementById("sel3").value;
            if (document.getElementById("sel1").value == '1/8"')
            {
                var res = str.replace('1/8"', "1");
            } else if (document.getElementById("sel1").value == '1/4"')
            {
                var res = str.replace('1/4"', "2");
            } else if (document.getElementById("sel1").value == '3/4"')
            {
                var res = str.replace('3/4"', "3");
            } else if (document.getElementById("sel1").value == '3/8"')
            {
                var res = str.replace('3/8"', "4");
            } else if (document.getElementById("sel1").value == '1/2"')
            {
                var res = str.replace('1/2"', "6");
            }
            if (document.getElementById("sel2").value == '2 Position')
            {
                var res1 = str1.replace('2 Position', "0");
            } else if (document.getElementById("sel2").value == '3 Position')
            {
                var res1 = str1.replace('3 Position', "3");
            }
            if (document.getElementById("sel3").value == 'Single Coil')
            {
                var res2 = str2.replace('Single Coil', "1");
            } else if (document.getElementById("sel3").value == 'Double Coil')
            {
                var res2 = str2.replace('Double Coil', "2");
            }
   document.getElementById("demo").innerHTML = "SV-" + res + res2 + res1;
        }
    </script>
</div>






Post a Comment

0 Comments