andy script 1 - Posts

WEB : https://onecompiler.com/html/3xgwh7k93

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <title>Page Title</title> </head> <body> <div class='position-absolute top-50 start-50 translate-middle'> <button id='button' class='btn btn-primary btn-lg' onclick='mulai()'> Klik Di Sini! </button> <div id='iloveyou' style='display: none;'> <h2 class='text-center'>Aku sayang kamu<br>❤️</h2> </div> </div> <span id='hati' class='fixed-bottom text-center my-3' onclick='hati()'></span> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script> <script src="https://www.cssscript.com/demo/confetti-falling-animation/confetti.js"></script> <script type="text/javascript"> const author = 'andy'; document.getElementById('hati').innerHTML = `Made with ❤️ by ${author}`; const swals = Swal.mixin({ cancelButtonColor: '#d33', confirmButtonColor: '#3085d6', }); async function mulai(){ await swals.fire('Halo dira', 'hahaha ini web ku ada pertanyaan ku', 'question'); await swals.fire('Jawab yang jujur!'); await swals.fire('tidak boleh bohong dosaaa!!','','error'); var { value: nama } = await swals.fire({ title: 'Masukkan nama nya dlu', input: 'text', showCancelButton: true, }); if(nama){ var { isConfirmed: sayang } = await swals.fire({ title: `${nama} sayang sama ${author}`, confirmButtonText: 'Sayang', cancelButtonText: 'Gak', showCancelButton: true, }); if(sayang){ await swals.fire(` hahaha tegang nyaa ${nama}`); var { value: persen } = await swals.fire({ title: 'btw bagus ji ini ? rate nyaa brp', icon: 'question', input: 'range', inputLabel: 'Antara 1-100 ya', inputAttributes: { min: 1, max: 100, }, inputValue: 50 }); if(persen){ await swals.fire(`Makasihh sudah rate ${persen}%`); var { isConfirmed: kangen } = await swals.fire({ title: `Sekarang ngakak tidak?`, confirmButtonText: 'ngakak', cancelButtonText: 'Gak!', showCancelButton: true, }); if(kangen){ await swals.fire(`hahhah saya jgaa ${nama} :((`); await swals.fire('Terakhir deh'); await swals.fire('jangann pencett tombol love di bawah sriuss jangan'); } else { //gak kangen } } } else { //gak sayang } } else { //gak isi nama } } function hati(){ document.getElementById('button').style = 'display: none'; document.getElementById('iloveyou').style = ''; startConfetti(); } </script>  </body> </html>