<!--
-- Uploaded on : https://haxor.my.id/open/foryou.html
-- Official Web : https://prinsh.com
-- script-deface-generator.prinsh.com
-->
<!DOCTYPE html>
<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=Nunito+Sans:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nerko+One&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js"></script>
<script src="https://unpkg.com/typeit@8.7.0/dist/index.umd.js"></script>
<link href="https://feeldreams.github.io/perasaanku/style.css" rel="stylesheet" type="text/css" />
<script src="https://kit.fontawesome.com/4f3ce16e3e.js" crossorigin="anonymous"></script>
<head>
<title>Script HTML buat Kamu</title>
<link rel="icon" type="image/x-icon" href="https://www.palingit.com/favicon.ico">
<meta name="description" content="HTML Replit Coding">
<!--
Made with love by Rayys!
Blog: https://PalingIT.com
Instagram: @rayyarrr
TikTok: @rayy4r
Email: rayyar0703@gmail.com
Thanks to all <3
-->
</head>
<style>
:root {
--ukuran-teks: 16px;
--gaya-font: 'Nunito Sans', sans-serif;
--gaya-font3: 'Nerko One', cursive;
}
</style>
<body>
<!-- Ganti Audio di sini -->
<audio src="https://feeldreams.github.io/asalkamutau/asalkamutau.mp3" id="linkmp3" class="sembunyi"></audio>
<div id="bodyblur">
<img src="" id="wallpaper"/>
</div>
<div id='Content'>
<div id="ftAwal">
<!-- Stiker Pembuka -->
<img src="https://feeldreams.github.io/heart.png" id="ftoAwal"/>
</div>
<div id="loveIn">
<!-- Tombol LOVE --><label class='lovein'>❤️</label>
</div>
<p id="ket">Sentuh LOVEnya!</p>
<div class="kumpulan">
<img src="https://feeldreams.github.io/perasaanku/pj6.jpg" id="wallpaper1"/>
<img src="https://feeldreams.github.io/perasaanku/pj2.jpg" id="wallpaper2"/>
<img src="https://feeldreams.github.io/perasaanku/pj4.jpg" id="wallpaper3"/>
<img src="https://feeldreams.github.io/perasaanku/pj5.jpg" id="wallpaper4"/>
<img src="https://feeldreams.github.io/perasaanku/pj3.jpg" id="wallpaper5"/>
<img src="https://feeldreams.github.io/perasaanku/pj7.jpg" id="wallpaper6"/>
<img src="https://feeldreams.github.io/perasaanku/pj1.jpeg" id="wallpaper7"/>
<img src="https://feeldreams.github.io/perasaanku/pj9.jpg" id="wallpaper8"/>
<img src="https://feeldreams.github.io/asalkamutau/heartbroken.png" id="ftoAkhir"/>
</div>
<div><blockquote id='bq'>
<p id="kalimat" style="text-align:center"></p>
<p id="pesanAkhir" class="gaya4"></p>
<p id="ketlanjut">Klik untuk Lanjut ya!</p>
</blockquote></div>
<!-- Tombol Kirim Pesan -->
<div id="Tombol">
<a id="By">💌 Balas</a>
</div>
</div>
<!-- Jangan Edit Bagian Ini --><script>
const body = document.querySelector("body");const swalst = Swal.mixin({timer: 2500, allowOutsideClick: false, showConfirmButton: false, timerProgressBar: true, imageHeight: 90,}); audio = new Audio('' + linkmp3.src); ftganti=0;fungsi=0;fungsiAwal=0;function berjatuhan() {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);Content.style = "opacity:1;margin-top:14vh"; const swals = Swal.mixin({allowOutsideClick: false, cancelButtonColor: '#FF0040', imageHeight: 80,});
const inip = []; const iniwp = []; iden = 1; iniwp[1] = wallpaper1.src; wallpaper.src = iniwp[1]; iniwp[2] = wallpaper2.src; iniwp[3] = wallpaper3.src; iniwp[4] = wallpaper4.src; iniwp[5] = wallpaper5.src; iniwp[6] = wallpaper6.src; iniwp[7] = wallpaper7.src; iniwp[8] = wallpaper8.src;
inip[1] = "haiii,";
inip[2] = "aku cuma mau bilang";
inip[3] = "jika aku orang terburuk<br>yang kamu temui,";
inip[4] = "aku minta maaf,";
inip[5] = "asal kamu tau";
inip[6] = "kamu orang terbaik<br>dalam hidupku";
inip[7] = "jadi aku ingin kamu<br>selalu bahagia";
inip[8] = "walau itu tidak denganku :)";
pesanAkhir1 = inip[iden];
pesanAkhir3 = "<br>thank you, and i love uuu";
totalPesan = 8; //Input total pesan (slide) di sini ya!
document.getElementById("loveIn").onclick = function() {
if(fungsiAwal==0){
loveIn.style="transition:all .8s ease;transform:scale(15);opacity:0";
ftAwal.style="opacity:0";
wallpaper.style="transform: scale(1);";
ket.style="display:none";
fungsiAwal=1;setTimeout(initengahan,300);
setTimeout(bqmuncul,500)
}
}
aktigeser=0;thisgeser=1;
document.getElementById("bq").onclick = function() {
if(aktigeser==1){
setTimeout(kalimatakhir,400);hsementara();
}
}
function hsementara(){
ketlanjut.style="position:relative;";
thisgeser+=1;aktigeser=0;
}
function munculkembali(){
if(thisgeser<totalPesan){
ketlanjut.style="position:relative;opacity:.8";
aktigeser=1;
iden += 1;
pesanAkhir1 = inip[iden];
}
if(thisgeser==totalPesan){setTimeout(mulaiketikA,500);}
}
function aksiakhir(){
setTimeout(bqmuncul,400);
}
function initengahan(){
ftAwal.style="opacity:0;transform: scale(0);position:absolute;";loveIn.style="display:none";ket.style="display:none";
Content.style = "opacity:1;margin-top:7vh";
}
function bqmuncul(){
bq.style = "position:relative;opacity:1;visibility:visible;margin-top:20vh;transform: scale(1);";
audio.play();
setTimeout(kalimatakhir,7200);
setTimeout(kalimatakhir,8100);
setTimeout(kalimatakhir,9800);
setTimeout(kalimatakhir,12300);
setTimeout(kalimatakhir,13600);
setTimeout(kalimatakhir,15000);
setTimeout(kalimatakhir,17200);
setTimeout(kalimatakhir,19600);
}
function tombol(){Tombol.style="opacity:1;transform: scale(1);";fungsi=1;}
document.getElementById("By").onclick = function() {
if(fungsi==1){Tombol.style="";menuju();fungsi=0;}
}
var i = 1;function defwp(){wallpaper.style="transform: scale(1)";}
function kalimatakhir(){
if(iden>=1){
if(iden%2==0){wallpaper.style="transform: scale(1)";} else {wallpaper.style="transform: scale(1.5)";}
wallpaper.src = iniwp[iden];
}
kalimat.innerHTML="";
new TypeIt("#kalimat", {
strings: ["" + pesanAkhir1], startDelay: 10, speed: 40, cursor: true,
afterComplete: function(){
kalimat.innerHTML = pesanAkhir1;
iden += 1;
pesanAkhir1 = inip[iden];
if(pesanAkhir1==inip[totalPesan+1]){ftoAwal.src=ftoAkhir.src;ftAwal.style="margin-top:80px;transform: scale(.8);transition: all .8s ease";setTimeout(jjfoto,400);bq.style = "transition:none;position:relative;opacity:1;visibility:visible;margin-top:0;transform: scale(1);";}
//munculkembali();
},}).go();
}
function jjfoto(){ftoAwal.style.animation="jj 1s infinite alternate";}
function mulaiketikA(){
setInterval(berjatuhan,300);
bodyblur.style.opacity=".15";
pesanAkhir.style="position:relative;opacity:1;visibility:visible;transform: scale(1)";
new TypeIt("#pesanAkhir", {
strings: ["" + pesanAkhir3], startDelay: 100, speed: 50, cursor: false, deleteSpeed: 20, breakLines: false, waitUntilVisible: true, lifelike: true,
afterComplete: function(){
pesanAkhir.style.animation="rto .8s infinite alternate";
//setTimeout(tombol,700);
},}).go();
}
async function menuju(){
var { value: jawaban } = await swals.fire({
title: 'Isi Pesan Untukku 👉👈', input: 'text', allowOutsideClick: false, showCancelButton: false,
});
if(jawaban && jawaban.length < 19){
window.jawaban = jawaban;
pesanwhatsapp = jawaban;
await swals.fire('OK!', 'Kirim jawabannya ke WhatsApp aku, ya!', 'success');
window.location = "https://api.whatsapp.com/send?phone=&text=" + pesanwhatsapp;
tombol();
} else {
await swals.fire('Ups!', 'Jawaban tidak boleh kosong atau lebih dari 18 karakter, ya!');jawab();
}
}
</script>
<!--<script src="https://feeldreams.github.io/jikabenar/script.js"></script>-->
<!-- Sampai Sini -->
</body>
</html>