OwlCyberSecurity - MANAGER

Edit File: index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="google-site-verification" content="8oynqwZUMF5A1uE5Sm4tX-MH1QXnYNxnVb29Uzo2mKo" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GENERATOR TOGEL BBFS 10 DIGIT HONGKONG ( HK )</title>
    
    <style>
        :root {
            font-size: 18px;
        }

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        }

/* Firefox */
        input[type=number] {
        -moz-appearance: textfield;
        }

body {
            padding: 1rem .8rem;
            font-family: cursive;
            background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTnI6xgHnsZal4s6umDM4fD85zp2gj9XKzvlifQ35B5jZb9hxVd5iIOT_AOAjnCzdaW0pj5c1t7U2V3j58GGjGhcC_mwauU5_fUEXLq38W53eJ7_L0nsh89H7IQQaDYzwxHcPfsx5H9Fk0_jUwecDyySLwOm6xvnAYtzxXvyh-v-WswLd16u-GIFLJ8rr0/s16000/PREDIKSI-TOGEL-HK.jpg);
        }

.container {
            width: 100%;
            max-width: 800px;
            margin: auto;
            border: 7px solid rgb(255, 0, 0);
            padding: .5rem;
            text-align: center;
        }

h1, h2, h3, h4, h5, h6 {
            margin-bottom: .3em;
            color: white;
        }

.generator-form-table {
            border-spacing: 0 .6em;
            margin-bottom: .3em;
        }

.generator-form-table th {
            text-align: left;
            width: 18%;
        }

.generator-form-table tr td > * {
            width: 100%;
        }

.generator-form-table tr td:not(:first-of-type) {
            padding: 0 .5em;
        }

.generator-form-table, .results-area {
            width: 100%;
            max-width: 600px;
            margin: auto;
            color: white;
        }

.generator-form-table input, .generator-form-table select, .results-area textarea {
            font-size: 1em;
            padding: .1em .3em;
        }

.button-group {
            margin: .3em auto;
            display: flex;
            width: 100%;
            max-width: 600px;
            gap: 5px;
        }

.button-action {
            padding: .4em .3em;
            width: 100%;
            color: white;
            border: none;
            border-radius: 3px;
            font-size: .9em;
            font-weight: bold;
        }

.button-action:hover {
            background-color: #004fa3;
        }

.button-action:first-of-type {
            background-color: #007bff;
        }

.button-action:first-of-type:hover {
            background-color: #004fa3;
        }

.button-action:last-of-type {
            background-color: #dc3545;
        }

.button-action:last-of-type:hover {
            background-color: #a00b1a;
        }

.results-area textarea {
            width: 100%;
            resize: vertical;
        }

.result-area {
            position: relative;
        }

.result-area .copy {
            background-color: #198754;
            color: white;
            padding: .25em .5em;
            border-radius: 3px;
            border: none;
            position: absolute;
            top: 2.8em;
            right: .5em;
        }

.result-area .copy:hover {
            background-color: #05532f;
        }

.result-area h4 {
        }

@media screen and (max-width: 575px) {
            :root {
                font-size: 14px;
            }

.result-area .copy {
                top: 2.2em;
                right: .35em;
            }
        }
        #gambar_utama {
          width: 21em;
            margin: 0 auto 1em;
            display: block;
        }
    </style>
</head>
<body>
    <div class="container">
        <a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjclGpZgSco6kCstP4cCFM4aO6ayxaRnruga4PMkIlluPUqwhgqPLIYxY8j2LT9r-quPzLEdPjiwiU556Ndmxqsis30M8ohrL1-doeR-XBnrnw4LqbNAQbOxaiMUn1pKrm9Yc5oWVrBwV5iYDpm7cWdSIrBC26K9lGmXsE1hIES3KA106V86BUWXGB8UN8/s16000/pngwing.com%20-%202023-12-06T042651.524.png" alt="Logo mr x" id="gambar_utama"></a>
        <h1>GENERATOR TOGEL BBFS 10 DIGIT HONGKONG ( HK )</h1>

<table class="generator-form-table" cellpadding="2px">
            <tr>
                <th>Angka</th>
                <td>:</td>
                <td>
                    <input type="number" id="angka" class="angka" name="angka" placeholder="Masukkan angka" min="0" max="9999999999">
                </td>
            </tr>
            <tr>
                <th>Separator</th>
                <td>:</td>
                <td>
                    <select name="separator" id="separator" class="separator">
                        <option value="*">*</option>
                        <option value="&">&</option>
                        <option value="-">-</option>
                        <option value="/">/</option>
                        <option value=",">,</option>
                        <option value=";">;</option>
                        <option value="+">+</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>Mode</th>
                <td>:</td>
                <td>
                    <select name="mode" id="mode" class="mode">
                        <option value="mix">BBFS CAMPURAN</option>
                        <option value="no-twin">BBFS TANPA KEMBAR</option>
                        <option value="twin">BBFS KHUSUS KEMBAR</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th>2D Line</th>
                <td>:</td>
                <td>
                    <input type="number" class="2DLine" name="2d_line" placeholder="Masukkan jumlah line 2D (OPSIONAL)" min="0">
                </td>
            </tr>
            <tr>
                <th>3D Line</th>
                <td>:</td>
                <td>
                    <input type="number" class="3DLine" name="3d_line" placeholder="Masukkan jumlah line 3D (OPSIONAL)" min="0">
                </td>
            </tr>
            <tr>
                <th>4D Line</th>
                <td>:</td>
                <td>
                    <input type="number" class="4DLine" name="4d_line" placeholder="Masukkan jumlah line 4D (OPSIONAL)" min="0">
                </td>
            </tr>
        </table>

<div class="button-group">
            <button class="button-action generate">GENERATE</button>
            <button class="button-action reset">RESET</button>
        </div>

<h2>HASIL</h2>
        <div class="results-area">
            <div class="result-area">
                <h4>Angka 2D 3D 4D</h4>
                <textarea name="all_result" id="allResult" class="allResult" rows="5" readonly></textarea>
                <button class="copy" onclick="copyText('allResult')">Copy</button>
            </div>
            <div class="result-area">
                <h4>Angka 2D</h4>
                <textarea name="2d_result" id="2DResult" class="2DResult" rows="5" readonly></textarea>
                <button class="copy" onclick="copyText('2DResult')">Copy</button>
            </div>
            <div class="result-area">
                <h4>Angka 3D</h4>
                <textarea name="3d_result" id="3DResult" class="3DResult" rows="5" readonly></textarea>
                <button class="copy" onclick="copyText('3DResult')">Copy</button>
            </div>
            <div class="result-area">
                <h4>Angka 4D</h4>
                <textarea name="4d_result" id="4DResult" class="4DResult" rows="5" readonly></textarea>
                <button class="copy" onclick="copyText('4DResult')">Copy</button>
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
    
    <script>
        window.addEventListener('DOMContentLoaded', function() {
            $('.button-action.generate').click(function(e) {
                const angka = ($('input.angka').val()).split('');;
                const separator = $('select.separator').val();
                const mode = $('select.mode').val();

if(angka == '') {
                    alert('Angka tidak boleh kosong')
                    return;
                }

if(angka.length > 10) {
                    alert('Angka hanya bisa berisi maksimal 10 digit');
                    return;
                }

const tempResult2D  = [];
                const tempResult3D  = [];
                const tempResult4D  = [];

let allResult2D = [];
                let allResult3D = [];
                let allResult4D = [];

if(mode == 'mix') {
                        angka.forEach(function(a, index) {
                            angka.forEach(function(b, index2) {
                                tempResult2D.push(a + '' + b);
                
                                angka.forEach(function(c, index3) {
                                    tempResult3D.push(a + '' + b + '' + c);
                
                                    angka.forEach(function(d, index4) {
                                        tempResult4D.push(a + '' + b + '' + c + '' + d);
                                    })
                                })
                            })
                        });

allResult2D = [...tempResult2D];
                        allResult3D = [...tempResult3D];
                        allResult4D = [...tempResult4D];
                    }
            
                    if(mode == 'no-twin') {
                        angka.forEach(function(a, index) {
                            angka.forEach(function(b, index2) {
                                if(a != b) {
                                    tempResult2D.push(a + '' + b);
                                }
                                angka.forEach(function(c, index3) {
                                    if(a != b && a != c && b != c) {
                                        tempResult3D.push(a + '' + b + '' + c);
                                    }
                
                                    angka.forEach(function(d, index4) {
                                        if(a != b && a != c && a != d && b != c && b != d && c != d) {
                                            tempResult4D.push(a + '' + b + '' + c + '' + d);
                                        }
                                    })
                                })
                            })
                        });

$.each(tempResult2D, function(i, d2){
                            if($.inArray(d2, allResult2D) === -1) {
                                allResult2D.push(d2)
                            };
                        });
            
                        $.each(tempResult3D, function(i, d3){
                            if($.inArray(d3, allResult3D) === -1) {
                                allResult3D.push(d3)
                            };
                        });
            
                        $.each(tempResult4D, function(i, d4){
                            if($.inArray(d4, allResult3D) === -1) {
                                allResult4D.push(d4)
                            };
                        });
                    }

if(mode == 'twin') {
                        angka.forEach(function(a, index) {
                            angka.forEach(function(b, index2) {
                                if(a == b) {
                                    tempResult2D.push(a + '' + b);
                                }
                                angka.forEach(function(c, index3) {
                                    if(a == b || a == c || b == c) {
                                        tempResult3D.push(a + '' + b + '' + c);
                                    }
                
                                    angka.forEach(function(d, index4) {
                                        if(a == b || a == c || a == d || b == c || b == d || c == d) {
                                            tempResult4D.push(a + '' + b + '' + c + '' + d);
                                        }
                                    })
                                })
                            })
            
                            allResult2D = [...tempResult2D];
                            allResult3D = [...tempResult3D];
                            allResult4D = [...tempResult4D];
                        });
                    }

// Displaying Value
                const line2D = $('.2DLine').val();
                const line3D = $('.3DLine').val();
                const line4D = $('.4DLine').val();

let allResult = [];
                let result2D = [];
                let result3D = [];
                let result4D = [];

const allResultTextArea = $('.allResult');
                const result2DTextArea = $('.2DResult');
                const result3DTextArea = $('.3DResult');
                const result4DTextArea = $('.4DResult');

if(line2D != '' && allResult2D.length > line2D) {
                    for(let x = 0; x < line2D; x++) {
                        allResult.push(allResult2D[x]);
                        result2D.push(allResult2D[x]);
                    }
                } else {
                    allResult = allResult.concat(allResult2D);
                    result2D = [...allResult2D];
                }

if(line3D != '' && allResult3D.length > line3D) {
                    for(let y = 0; y < line3D; y++) {
                        allResult.push(allResult3D[y]);
                        result3D.push(allResult3D[y]);
                    }
                } else {
                    allResult = allResult.concat(allResult3D);
                    result3D = [...allResult3D];
                }

if(line4D != '' && allResult3D.length > line3D) {
                    for(let z = 0; z < line4D; z++) {
                        allResult.push(allResult4D[z]);
                        result4D.push(allResult4D[z]);
                    }
                } else {
                    allResult = allResult.concat(allResult4D);
                    result4D = [...allResult4D];
                }

$(allResultTextArea).val(allResult.join(separator));
                $(result2DTextArea).val(result2D.join(separator));
                $(result3DTextArea).val(result3D.join(separator));
                $(result4DTextArea).val(result4D.join(separator));
            });

$('.button-action.reset').click(function(e) {
                $('input, textarea').each((i , el) => {
                    $(el).val('');
                })

$('select').each((i , el) => {
                    $(el).children('option:first-of-type').prop("selected", true);
                })
            })
        })

function copyText(fieldId) {
        // Get the text field
        var copyText = document.getElementById(fieldId);

// Select the text field
        copyText.select();
        copyText.setSelectionRange(0, 999999); // For mobile devices

// Copy the text inside the text field
        navigator.clipboard.writeText(copyText.value);

// Alert the copied text
        alert("Berhasil mengkopi teks");
        }
    </script>
</body>
</html>