Professional Documents
Culture Documents
<script
src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.all.min.js">
</script>
<script src="https://unpkg.com/typeit@8.6.6/dist/index.umd.js"></script>
<script src="https://kit.fontawesome.com/4f3ce16e3e.js"
crossorigin="anonymous"></script>
<head>
<title>Script HTML</title>
<!--
Made with love by Rayys!
Blog: https://PalingIT.com
Instagram: @rayyarrr
TikTok: @rayy4r
Email: rayyar0703@gmail.com
<div id="bodyblur">
<!-- Wallpaper --><img src="https://feeldreams.github.io/wphd.jpeg"
id="wallpaper"/><div id="beneranblur"></div>
</div>
<div id='Content'>
<div>
<!-- Stiker untuk Konten -->
<img src="https://feeldreams.github.io/peach6.gif" id="fotoakhir"/>
<img src="https://feeldreams.github.io/peach22.gif" id="fotoakhir1"/>
<img src="https://feeldreams.github.io/peach1.gif" id="fotoakhir2"/>
<img src="https://feeldreams.github.io/peachktw.gif" id="fotoakhir3"/>
</div>
<div><blockquote id='bq'>
<!-- Konten Penerapan -->
<p id="kalimat">Beli Kebab #</p>
<p id="kalimata">Sama Si Adudu #</p>
<p id="kalimatb">Your Pap is Candu.. ###</p>
<p id="kalimatc">Ahahaha #</p>
</div>
function mulaikonten() {
fungsi=1;
suratin.style="display:none";
ket.style="display:none";
Content.style = "opacity:1;margin-top:4vh;";
bodyblur.style="opacity:.75;animation:none";
wallpaper.style="transform: scale(1);";
bq.style =
"position:relative;opacity:1;visibility:visible;margin-top:0;";
audio.play();ftganti=0;ftmuncul();
setTimeout(mulaiketik1,1400);
setTimeout(mulaiketik1b,2300);
setTimeout(mulaiketik2,3600);
setTimeout(mulaiketik3,5600);
}
function ftmuncul(){if(ftganti==0){fotoakhir.style="display:inline-
flex;transition:all 0s ease;opacity:1;transform:scale(1)";}else{fotoakhir.src =
fotoakhir2.src;fotoakhir.style="display:inline-flex;opacity:1;transition:all .7s
ease;transform:scale(1);padding:10px;";setTimeout(jjfoto,490);}}
function fthilang(){fotoakhir.style="display:inline-flex;opacity:1;transition:all
.7s ease;transform:scale(.1)";}
function jjfoto(){fotoakhir.style.animation="rto .8s infinite alternate";}
vketik1=kalimat.innerHTML;kalimat.innerHTML = "";
vketik1b=kalimata.innerHTML;kalimata.innerHTML = "";
vketik2=kalimatb.innerHTML;kalimatb.innerHTML = "";
vketik3=kalimatc.innerHTML;kalimatc.innerHTML = "";
function mulaiketik1(){
new TypeIt("#kalimat", {
strings: ["" + vketik1], startDelay: 1, speed: 50, waitUntilVisible: true,
afterComplete: function(){
kalimat.innerHTML = vketik1;
},}).go();
}
function mulaiketik1b(){
fotoakhir.src=fotoakhir1.src;
new TypeIt("#kalimata", {
strings: ["" + vketik1b], startDelay: 1, speed: 58, waitUntilVisible: true,
afterComplete: function(){
kalimata.innerHTML = vketik1b;
},}).go();
}
function mulaiketik2(){
wallpaper.style="transform: scale(2)";
fotoakhir.src=fotoakhir2.src;
kalimat.style="display:none";
kalimata.style="display:none";
new TypeIt("#kalimatb", {
strings: ["" + vketik2], startDelay: 1, speed: 45, waitUntilVisible: true,
afterComplete: function(){
kalimatb.innerHTML = vketik2;
},}).go();
}
function mulaiketik3(){
wallpaper.style="transform: scale(1)";
fotoakhir.src=fotoakhir3.src;
new TypeIt("#kalimatc", {
strings: ["" + vketik3], startDelay: 1, speed: 40, waitUntilVisible: true,
afterComplete: function(){
kalimatc.innerHTML = vketik3;
tombol();
},}).go();
}
function dilanjut(){setTimeout(otomatis2,500);Tombol.style="opacity:0;transform:
scale(.1);";jikakuis=1;setTimeout(tombol,1000);}
function otomatis2() {
kalimat.innerHTML = kalimat2.innerHTML;
kalimatb.innerHTML = kalimatb2.innerHTML;
kalimatc.innerHTML = kalimatc2.innerHTML;
kalimat.style="";kalimatb.style="display:none";}