Scribd Logo
Upload

Welcome to Scribd!

  • Geser 2

    Uploaded by

    taman hias
    19 views2 pages
    The document is an HTML page that contains a script to create an interactive bucin message. It displays 3 gif images with messages asking if the recipient wants to get to know each other better. When the user clicks the "Jawab" button, a prompt asks for a response which is then sent as a WhatsApp message if it is less than 11 characters. It then changes the background image and plays a song while more text is slid in to continue the interaction. Random heart icons are also generated on the page.

    Original Description:

    Original Title

    geser2

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document is an HTML page that contains a script to create an interactive bucin message. It displays 3 gif images with messages asking if the recipient wants to get to know each other better. When the user clicks the "Jawab" button, a prompt asks for a response which is then sent as a WhatsApp message if it is less than 11 characters. It then changes the background image and plays a song while more text is slid in to continue the interaction. Random heart icons are also generated on the page.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    19 views2 pages

    Geser 2

    Uploaded by

    taman hias
    The document is an HTML page that contains a script to create an interactive bucin message. It displays 3 gif images with messages asking if the recipient wants to get to know each other better. When the user clicks the "Jawab" button, a prompt asks for a response which is then sent as a WhatsApp message if it is less than 11 characters. It then changes the background image and plays a song while more text is slid in to continue the interaction. Random heart icons are also generated on the page.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 2

    <html><meta charset='UTF-8'/><meta content='width=device-width, initial-scale=1,

    user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/><meta


    content='IE=edge' http-equiv='X-UA-Compatible'/>
    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect"
    href="https://fonts.gstatic.com" crossorigin><link
    href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap"
    rel="stylesheet"><script
    src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js">
    </script><script src="https://kit.fontawesome.com/4f3ce16e3e.js"
    crossorigin="anonymous"></script><link
    href="https://geser2.feeldream.repl.co/style.css" rel="stylesheet"
    type="text/css" /><script
    src="https://geser2.feeldream.repl.co/script.js"></script>
    <head>
    <title>Script HTML Bucin Tak Kenal Maka Tak Sayang</title>
    <!--
    This code was made by Rayya R
    Blog: https://sinkronin.com
    Instagram: @rayyarrr
    TikTok: @rayy4r
    -->
    </head>
    <body><div id="bodyblur"><img id="wallpaper" src="" width="100%"
    height="100%"/></div>

    <div id='Content'><p id="idgeser"></p>

    <div><div id='pergeseran'>

    <!-- Pesan -->


    <p><b><img src="https://geser2.feeldream.repl.co/1.gif"/><br>
    <span>Tak kenal maka tak sayang</span>
    </b></p>

    <p><b><img src="https://geser2.feeldream.repl.co/2.gif"/><br>
    <span>Kan kita udah saling kenal, </span>
    </b></p>

    <p><b><img src="https://geser2.feeldream.repl.co/3.gif"/><br>
    <span>Gimana kalo kita saling sayang? &#129315;</span>
    </b></p>

    <!-- Tombol Akhiran --><p><span id="akhiran" onClick="jawab();">[ Klik untuk Jawab


    &#129315; ]</span></p>

    </div></div>
    </div>

    <script type="text/javascript">
    async function jawab(){
    var { value: jawaban } = await swals.fire({
    title: 'Masukkan Jawaban',
    input: 'text',
    imageUrl: 'https://geser2.feeldream.repl.co/1.gif', imageWidth:
    120, imageHeight: 120,
    allowOutsideClick: false,
    showCancelButton: false,
    });
    if(jawaban && jawaban.length < 11){
    window.jawaban = jawaban;
    pesanwhatsapp = jawaban;
    menuju();
    } else {
    await swals.fire('Ups!', 'Jawaban tidak boleh kosong atau lebih
    dari 10 karakter, ya!');
    }
    }

    async function lanjut() {


    wallpaper.src = "https://geser2.feeldream.repl.co/wp.jpeg";
    await swals.fire('Selamat datang!', 'Sekarang lihat ini ya :)');
    pemb = "Geser ya ";

    linkmp3 = 'https://geser2.feeldream.repl.co/lagu.mp3';

    showDiv();play();
    }

    lanjut();
    </script>
    <script>
    const body = document.querySelector("body");function createHeart() {const heart =
    document.createElement("div"); heart.className = "fas fa-heart"; heart.style.left =
    (Math.random() * 90)+"vw"; heart.style.animationDuration = (Math.random()*3)+2+"s";
    body.appendChild(heart);} setInterval(function name(params) {var heartArr =
    document.querySelectorAll(".fa-heart"); if (heartArr.length > 100)
    {heartArr[0].remove()}},100);
    </script>
    </body>
    </html>

    You might also like