Tes Preferensi Belajar Si Kecil
Kenali kecenderungan cara belajar yang terasa paling nyaman bagi anak usia 6–12 tahun.
Rekomendasi
" + "" + escapeHTML( CONFIG.results.recommendation ) + "
"; html += "" +
escapeHTML(
CONFIG.results.disclaimer
) +
"
";
html +=
"" + escapeHTML( CONFIG.brand.name ) + " — " + escapeHTML( CONFIG.brand.website ) + "
"; openPrintWindow( CONFIG.test.title + " - Hasil", html ); } /* ============================================================ CERTIFICATE ID ============================================================ */ function createCertificateId(){ var date = new Date(); var yyyy = date.getFullYear(); var mm = String( date.getMonth() + 1 ).padStart(2,"0"); var dd = String( date.getDate() ).padStart(2,"0"); var random = Math.random() .toString(36) .substring(2,8) .toUpperCase(); return ( CONFIG.brand.certificatePrefix + "-" + yyyy + mm + dd + "-" + random ); } /* ============================================================ CERTIFICATE ============================================================ */ function createCertificate(){ if(!state.result){ return; } if( state.result.percent < Number( CONFIG.features.certificateThreshold ) ){ window.alert( "Sertifikat belum tersedia berdasarkan " + "batas sertifikat yang ditentukan." ); return; } var name = window.prompt( "Masukkan nama yang akan dicantumkan pada sertifikat:" ); if(name === null){ return; } name = name.trim(); if(!name){ window.alert( "Nama tidak boleh kosong." ); return; } state.certificate = { name:name, id:createCertificateId(), date:new Date() }; var nameElement = q("[data-eupte3-certificate-name]"); var testElement = q("[data-eupte3-certificate-test]"); var scoreElement = q("[data-eupte3-certificate-score]"); var levelElement = q("[data-eupte3-certificate-level]"); var idElement = q("[data-eupte3-certificate-id]"); var dateElement = q("[data-eupte3-certificate-date]"); if(nameElement){ nameElement.textContent = state.certificate.name; } if(testElement){ testElement.textContent = CONFIG.test.title; } if(scoreElement){ scoreElement.textContent = Math.round( state.result.percent ) + "%"; } if(levelElement){ levelElement.textContent = getLevel( state.result.percent ).label; } if(idElement){ idElement.textContent = state.certificate.id; } if(dateElement){ dateElement.textContent = state.certificate.date .toLocaleDateString( CONFIG.test.language === "Indonesia" ? "id-ID" : "en-US" ); } showScreen("certificate"); scrollToApp(); } /* ============================================================ CERTIFICATE PRINT ============================================================ */ function printCertificate(){ if(!state.certificate){ createCertificate(); if(!state.certificate){ return; } } if(!state.result){ return; } var certificate = state.certificate; var percent = Math.round( state.result.percent ); var level = getLevel( state.result.percent ); var date = certificate.date .toLocaleDateString( CONFIG.test.language === "Indonesia" ? "id-ID" : "en-US" ); var html = ""; html += "" +
"
";
openPrintWindow(
"Certificate - " +
CONFIG.test.title,
html
);
}
/* ============================================================
EMAIL
============================================================ */
function sendEmail(){
var input =
q("[data-eupte3-email]");
var message =
q("[data-eupte3-email-message]");
if(!input || !message){
return;
}
if(!state.result){
message.className =
"eupte3-error";
message.textContent =
"Hasil tes belum tersedia.";
return;
}
var email =
input.value.trim();
var valid =
/^[^\s@]+@[^\s@]+\.[^\s@]+$/
.test(email);
if(!valid){
message.className =
"eupte3-error";
message.textContent =
"Silakan masukkan alamat email yang valid.";
return;
}
if(!CONFIG.features.emailEndpoint){
message.className =
"eupte3-info-message";
message.textContent =
"Hasil sudah tersedia. Pengiriman email otomatis " +
"belum diaktifkan. Silakan gunakan tombol " +
"\"Simpan Hasil sebagai PDF\".";
return;
}
message.className =
"eupte3-info-message";
message.textContent =
"Mengirim hasil...";
var payload = {
testId:
CONFIG.test.id,
testTitle:
CONFIG.test.title,
email:
email,
score:
Math.round(
state.result.percent
),
level:
getLevel(
state.result.percent
).label,
dimensions:
state.result.dimensions,
timestamp:
new Date().toISOString()
};
fetch(
CONFIG.features.emailEndpoint,
{
method:"POST",
headers:{
"Content-Type":
"application/json"
},
body:
JSON.stringify(payload)
}
)
.then(function(response){
if(!response.ok){
throw new Error(
"Email request failed"
);
}
return response
.json()
.catch(function(){
return {};
});
})
.then(function(){
message.className =
"eupte3-success-message";
message.textContent =
"✓ Hasil berhasil dikirim ke email.";
})
.catch(function(){
message.className =
"eupte3-error";
message.textContent =
"Pengiriman gagal. Silakan coba lagi " +
"atau simpan hasil sebagai PDF.";
});
}
/* ============================================================
WHATSAPP
============================================================ */
function shareWhatsApp(){
if(!state.result){
return;
}
var percent =
Math.round(
state.result.percent
);
var level =
getLevel(
state.result.percent
);
var text =
CONFIG.brand.shareText +
"\n\n" +
CONFIG.test.title +
"\nHasil: " +
percent +
"% — " +
level.label +
"\n\n" +
window.location.href;
var url =
"https://wa.me/?text=" +
encodeURIComponent(text);
window.open(
url,
"_blank",
"noopener,noreferrer"
);
}
/* ============================================================
COPY
============================================================ */
function copyResult(){
if(!state.result){
return;
}
var percent =
Math.round(
state.result.percent
);
var level =
getLevel(
state.result.percent
);
var text =
CONFIG.test.title +
"\nHasil: " +
percent +
"% — " +
level.label +
"\n" +
window.location.href;
if(
navigator.clipboard &&
navigator.clipboard.writeText
){
navigator.clipboard
.writeText(text)
.then(function(){
window.alert(
"Hasil berhasil disalin."
);
})
.catch(function(){
window.prompt(
"Salin hasil berikut:",
text
);
});
}else{
window.prompt(
"Salin hasil berikut:",
text
);
}
}
/* ============================================================
RETAKE
============================================================ */
function retake(){
var confirmed =
window.confirm(
"Mulai ulang tes dari awal?"
);
if(!confirmed){
return;
}
clearState();
state.current = 0;
state.answers = {};
state.started = true;
state.result = null;
state.certificate = null;
showScreen("quiz");
renderQuestion();
updateProgress();
scrollToApp();
}
/* ============================================================
EVENT DELEGATION
============================================================ */
shadow.addEventListener(
"click",
function(event){
var target =
event.target;
if(!target){
return;
}
/* OPTION */
var option =
target.closest(
"[data-eupte3-option]"
);
if(option){
var question =
CONFIG.questions[
state.current
];
if(!question){
return;
}
var key =
option.getAttribute(
"data-eupte3-option"
);
state.answers[
question.id
] = key;
saveState();
renderQuestion();
return;
}
/* NAVIGATION */
var nav =
target.closest(
"[data-eupte3-nav]"
);
if(nav){
var navAction =
nav.getAttribute(
"data-eupte3-nav"
);
if(navAction === "previous"){
if(state.current > 0){
state.current--;
saveState();
renderQuestion();
updateProgress();
scrollToApp();
}
return;
}
if(navAction === "next"){
var currentQuestion =
CONFIG.questions[
state.current
];
if(
!state.answers[
currentQuestion.id
]
){
window.alert(
"Silakan pilih jawaban terlebih dahulu."
);
return;
}
state.current++;
saveState();
renderQuestion();
updateProgress();
scrollToApp();
return;
}
if(navAction === "submit"){
submitTest();
return;
}
}
/* GENERAL ACTION */
var action =
target.closest(
"[data-eupte3-action]"
);
if(!action){
return;
}
var actionName =
action.getAttribute(
"data-eupte3-action"
);
if(actionName === "start"){
startTest();
}
else if(actionName === "pdf"){
printResult();
}
else if(actionName === "certificate"){
createCertificate();
}
else if(actionName === "certificate-pdf"){
printCertificate();
}
else if(actionName === "retake"){
retake();
}
else if(actionName === "email"){
sendEmail();
}
else if(actionName === "whatsapp"){
shareWhatsApp();
}
else if(actionName === "copy"){
copyResult();
}
else if(actionName === "back-result"){
showScreen("result");
scrollToApp();
}
}
);
/* ============================================================
INIT
============================================================ */
function init(){
setupHeader();
showScreen("intro");
}
/* ============================================================
RUN
============================================================ */
init();
/* ============================================================
LEGACY FALLBACK
============================================================ */
function startLegacyMode(){
/*
Shadow DOM tidak tersedia.
Jangan mengubah fallback menjadi aplikasi penuh
karena mode modern adalah mode utama.
*/
var fallback =
host.querySelector(
".eupte3-fallback"
);
if(fallback){
fallback.style.display =
"block";
}
}
})();
" +
escapeHTML(
CONFIG.brand.name
) +
"
" +
"" +
"CERTIFICATE OF COMPLETION" +
"
" +
"This certificate is presented to
" + "" +
escapeHTML(
certificate.name
) +
"
" +
"for successfully completing
" + "" + escapeHTML( CONFIG.test.title ) + "
" + "" + "Result: " + percent + "% — " + escapeHTML( level.label ) + "
" + "" +
"Certificate ID: " +
escapeHTML(
certificate.id
) +
"
" +
"Issued: " +
escapeHTML(date) +
"
" + "Certificate of completion for an educational " + "self-assessment activity. It does not represent " + "professional psychological certification." + "
" + "
