PERSEROAN COMPANY ENTERPRISE [PCE] YAYASAN FOUNDATION [Y/F] LEMBAGA iNSTiTUTiON [L/i]

Perseroan Company Enterprise [Perusahaan] {NRi PSM Group international} General Supplier and General Contractor SK.MENKEH & HAM RI AHU-0052706-AH.01.15 Tahun 2019 SK.MENKEH & HAM RI C-484.HT.03.01-th.03-INFINITY.SK.PSPN 2099/ORG/PEN/13. SIUP : 503/10764.4/436.6.11/2013-INFINITY NIB 9120207751094. Foundation [Yayasan] PETUAH ORANG TUA PEDULI IDE Education, Social and Health Foundation Acting Prosecutor Prof.DR.Dr.Hc.KH.Abdul Rasyid,S.H.,M.Hum.,MM.,PhD Ref.RM.79318728 Ref.RM.SD002801 Notary Deed Herman Soesilo, S.H. SK. MENKEH dan HAM RI No. C-1815.HT.03.01-Th.2002.Tanggal 08 November 2002 SK. Kepala Badan Pertanahan Nasional Republik Indonesia Nomor : 502-XVII-2006. Tanggal 18 Desember 2006 Tanggal 1 Agustus 2013. Nomor. 4. Institution [Lembaga] PERKUMPULAN PEMUDA PEDULI IDE Contractor and Consultant Yang Berhubungan dengan Industri (YBDI) Notary Deed Dadang Koesboediwitjaksono, S.H. SK. MENKEH dan HAM RI No. C-484.HT.03.01 – Th. 2003 Tanggal 21 Februari 2008. Nomor. 5. NPWP:72.743.537.2-615.000 [1724[PANGAN SANDANG MAPAN]~[1865[CAR GILL INSANG MOBIL BIJI NABATI]~PRESERVING INFINITY]

iNTRiK TERAKHiR "KEKYAiSARAN TERLUAS" PENYATUAN TERLANGGENG SELURUH DUNiA BENAR ~ BETUL ~ BERDiRi NYATA PRESERViNG iNFiNiTY SESUAi KENYATAAN. Not Kidding ReaLity internationAL {NkRi} Party Never Stops {PNS} ALways Stay Nice {ASN} CoLLosALs ~ Gigantics ~ Huges ~ Biggests ~ Bigs ~ CLans ~ CLusters. PENYESUAiAN SESUAi MENYESUAiKAN. DALAM SATU TOMBOL {DST}

EDITOR CODE HTML KIRI & KANAN — TERISOLASI

CODE HTML — KIRI

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>PERMUTASI ANGKA — KIRI</title>

.pm-app {
  width: 100%;
  max-width: 1200px;
  margin: 24px auto;
  padding: 16px;

font-family:
    Arial,
    Helvetica,
    sans-serif;

color: #102a43;
}

.pm-card {
  width: 100%;
  overflow: hidden;

background: #fff;

border: 1px solid #b9d5ff;
  border-radius: 18px;

box-shadow:
    0 10px 35px rgba(0, 51, 130, .12);
}

.pm-header {
  padding: 28px;

color: #fff;

background:
    linear-gradient(
      135deg,
      #001f5c,
      #003b95 55%,
      #0066ff
    );
}

.pm-title {
  margin: 0;

font-size: clamp(24px, 4vw, 38px);
  line-height: 1.15;
  font-weight: 800;
}

.pm-subtitle {
  margin: 10px 0 0;

font-size: 14px;
  line-height: 1.7;
}

.pm-body {
  padding: 28px;
}

.pm-grid {
  display: grid;

grid-template-columns:
    repeat(2, minmax(0, 1fr));

gap: 20px;
}

.pm-panel {
  min-width: 0;

padding: 20px;

background: #f8fbff;

border: 1px solid #b9d5ff;
  border-radius: 14px;
}

.pm-panel-title {
  margin: 0 0 14px;

color: #001f5c;

font-size: 17px;
  font-weight: 800;
}

.pm-field {
  margin-bottom: 16px;
}

.pm-label {
  display: block;

margin-bottom: 7px;

font-size: 13px;
  font-weight: 700;
}

.pm-input,
.pm-select {
  width: 100%;

min-height: 46px;

padding: 10px 13px;

color: #102a43;
  background: #fff;

border: 1px solid #a9c8ef;
  border-radius: 10px;

outline: none;

font-size: 15px;
}

.pm-info {
  margin-top: 8px;

padding: 12px 14px;

color: #174a82;
  background: #eaf4ff;

border-left: 4px solid #0066ff;

border-radius: 8px;

font-size: 13px;
  line-height: 1.6;
}

.pm-buttons {
  display: flex;

flex-wrap: wrap;

gap: 10px;

margin-top: 20px;
}

.pm-btn {
  min-height: 46px;

padding: 11px 18px;

border: 0;
  border-radius: 10px;

cursor: pointer;

font-size: 14px;
  font-weight: 800;
}

.pm-start {
  color: #fff;

background:
    linear-gradient(
      135deg,
      #003b95,
      #0074ff
    );
}

.pm-download {
  color: #fff;

background:
    linear-gradient(
      135deg,
      #0056c9,
      #00a2ff
    );
}

.pm-copy {
  color: #003b95;

background: #dcecff;

border: 1px solid #a8caff;
}

.pm-reset {
  color: #fff;

background:
    linear-gradient(
      135deg,
      #40556f,
      #657d98
    );
}

.pm-status {
  margin-top: 20px;

padding: 15px;

background: #fff;

border: 1px solid #b9d5ff;
  border-radius: 12px;
}

.pm-status-row {
  display: flex;

justify-content: space-between;

gap: 12px;

margin-bottom: 10px;

font-size: 13px;
}

.pm-status-label {
  color: #5c6f82;
}

.pm-status-value {
  color: #003b95;

font-weight: 800;

text-align: right;
}

.pm-progress-wrap {
  width: 100%;
  height: 12px;

overflow: hidden;

background: #dceaff;

border-radius: 100px;
}

.pm-progress {
  width: 0;
  height: 100%;

background:
    linear-gradient(
      90deg,
      #005bea,
      #00c6ff
    );

border-radius: inherit;

transition: width .2s ease;
}

.pm-result-panel {
  margin-top: 20px;
}

.pm-result-head {
  display: flex;

justify-content: space-between;
  align-items: center;

gap: 12px;
}

.pm-result-title {
  margin: 0;

color: #001f5c;

font-size: 18px;
  font-weight: 800;
}

.pm-count {
  padding: 6px 10px;

color: #00479b;

background: #e5f1ff;

border-radius: 999px;

font-size: 12px;
  font-weight: 800;
}

.pm-output {
  width: 100%;
  height: 360px;

resize: vertical;

margin-top: 10px;

padding: 15px;

color: #052d66;

background: #f5faff;

border: 1px solid #b9d5ff;
  border-radius: 12px;

font-family:
    Consolas,
    "Courier New",
    monospace;

font-size: 13px;

line-height: 1.6;

white-space: pre;
}

.pm-footer {
  padding: 16px 28px;

color: #5e7084;

background: #f4f8fd;

border-top: 1px solid #b9d5ff;

font-size: 12px;

line-height: 1.6;
}

@media (max-width: 800px) {

.pm-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 480px) {

.pm-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

.pm-btn {
    width: 100%;
  }

}
</style>
</head>

<body>

<h1 class="pm-title">
PERMUTASI ANGKA
</h1>

<p class="pm-subtitle">
Generator permutasi angka dengan tampilan dominan biru.
</p>

</header>

<h2 class="pm-panel-title">
DATA ANGKA
</h2>

<label class="pm-label">
Angka 1
</label>

</div>

<label class="pm-label">
Angka 2
</label>

</div>

<label class="pm-label">
Mode Permutasi
</label>

<option value="full">
Semua permutasi unik
</option>

<option value="sample">
Batasi jumlah hasil
</option>

</select>

</div>

<label class="pm-label">
Maksimum hasil
</label>

</div>

<div class="pm-info">
Permutasi besar dibatasi agar browser tetap responsif.
</div>

<button
type="button"
id="pmStart"
class="pm-btn pm-start">
▶ MULAI
</button>

<button
type="button"
id="pmDownload"
class="pm-btn pm-download"
disabled>
↓ DOWNLOAD
</button>

<button
type="button"
id="pmCopy"
class="pm-btn pm-copy"
disabled>
⧉ SALIN
</button>

<button
type="button"
id="pmReset"
class="pm-btn pm-reset">
↻ RESET
</button>

</div>

</section>

<h2 class="pm-panel-title">
STATUS PROSES
</h2>

<div class="pm-status-row">
<span class="pm-status-label">
Status
</span>

<div class="pm-status-row">
<span class="pm-status-label">
Angka aktif
</span>

<div class="pm-status-row">
<span class="pm-status-label">
Jumlah digit
</span>

<div class="pm-status-row">
<span class="pm-status-label">
Hasil unik
</span>

<div class="pm-status-row">
<span class="pm-status-label">
Proses
</span>

</div>

</section>

</div>

<h2 class="pm-result-title">
HASIL PERMUTASI
</h2>

<span
class="pm-count"
id="pmCountBadge">
0 hasil
</span>

</div>

</section>

</main>

<footer class="pm-footer">
Generator permutasi lokal berbasis browser.
</footer>

</div>

<script>
(() => {

"use strict";

const inputA =
document.getElementById("pmInputA");

const inputB =
document.getElementById("pmInputB");

const mode =
document.getElementById("pmMode");

const limitInput =
document.getElementById("pmLimit");

const startBtn =
document.getElementById("pmStart");

const downloadBtn =
document.getElementById("pmDownload");

const copyBtn =
document.getElementById("pmCopy");

const resetBtn =
document.getElementById("pmReset");

const status =
document.getElementById("pmStatus");

const activeNumber =
document.getElementById("pmActiveNumber");

const digitCount =
document.getElementById("pmDigitCount");

const resultCount =
document.getElementById("pmResultCount");

const progressText =
document.getElementById("pmProgressText");

const progress =
document.getElementById("pmProgress");

const output =
document.getElementById("pmOutput");

const countBadge =
document.getElementById("pmCountBadge");

let generatedResults = [];
let isRunning = false;

function cleanNumber(value) {

return String(value || "")
.replace(/\s+/g, "")
.replace(/[^\d]/g, "");

}

function setProgress(value) {

const safe =
Math.max(0, Math.min(100, value));

progress.style.width =
safe + "%";

progressText.textContent =
Math.round(safe) + "%";

}

function factorialBigInt(n) {

let result = 1n;

for (
let i = 2;
i <= n;
i++
) {

result *= BigInt(i);

}

return result;

}

function countUniquePermutations(text) {

const counts = {};

for (const digit of text) {

counts[digit] =
(counts[digit] || 0) + 1;

}

let result =
factorialBigInt(text.length);

for (const key in counts) {

result /=
factorialBigInt(counts[key]);

}

return result;

}

function generateUniquePermutations(
text,
maximum
) {

const counts = {};

for (const digit of text) {

counts[digit] =
(counts[digit] || 0) + 1;

}

const digits =
Object.keys(counts).sort();

const result = [];

function backtrack(current) {

if (
result.length >= maximum
) {

return true;

}

if (
current.length === text.length
) {

result.push(
current.join("")
);

return false;

}

for (const digit of digits) {

if (counts[digit] <= 0) {
continue;
}

counts[digit]--;
current.push(digit);

const stopped =
backtrack(current);

current.pop();
counts[digit]++;

if (stopped) {
return true;
}

}

return false;

}

backtrack([]);

return result;

}

function updateCount() {

const count =
generatedResults.length;

resultCount.textContent =
count.toLocaleString("id-ID");

countBadge.textContent =
count.toLocaleString("id-ID") +
" hasil";

}

async function startGeneration() {

if (isRunning) {
return;
}

const numberA =
cleanNumber(inputA.value);

const numberB =
cleanNumber(inputB.value);

if (!numberA && !numberB) {

status.textContent =
"INPUT KOSONG";

return;

}

let limit =
parseInt(
limitInput.value,
10
);

if (
!Number.isFinite(limit) ||
limit < 1
) {

limit = 10000;

}

limit =
Math.min(
limit,
1000000
);

limitInput.value =
limit;

isRunning = true;

startBtn.disabled = true;
downloadBtn.disabled = true;
copyBtn.disabled = true;

generatedResults = [];

output.value = "";

updateCount();

setProgress(0);

const numbers = [
numberA,
numberB
];

try {

for (
let index = 0;
index < numbers.length;
index++
) {

const current =
numbers[index];

activeNumber.textContent =
current;

digitCount.textContent =
current.length;

status.textContent =
"Membuat permutasi...";

const theoretical =
countUniquePermutations(current);

let currentLimit =
limit;

if (
theoretical <= BigInt(limit)
) {

currentLimit =
Number(theoretical);

}

const results =
generateUniquePermutations(
current,
currentLimit
);

generatedResults.push(
...results
);

output.value =
generatedResults.join("\n");

updateCount();

setProgress(
((index + 1) /
numbers.length) *
100
);

await new Promise(
resolve =>
setTimeout(resolve, 20)
);

}

status.textContent =
"SELESAI";

downloadBtn.disabled =
generatedResults.length === 0;

copyBtn.disabled =
generatedResults.length === 0;

} catch (error) {

console.error(error);

status.textContent =
"ERROR";

} finally {

isRunning = false;

startBtn.disabled = false;

}

function downloadResults() {

if (!generatedResults.length) {
return;
}

const blob =
new Blob(
[
generatedResults.join("\n")
],
{
type:
"text/plain;charset=utf-8"
}
);

const url =
URL.createObjectURL(blob);

const link =
document.createElement("a");

link.href = url;

link.download =
"hasil-permutasi-angka.txt";

document.body.appendChild(link);

link.click();

link.remove();

setTimeout(
() =>
URL.revokeObjectURL(url),
1000
);

}

async function copyResults() {

if (!generatedResults.length) {
return;
}

try {

await navigator.clipboard.writeText(
generatedResults.join("\n")
);

status.textContent =
"HASIL DISALIN";

} catch (error) {

output.focus();
output.select();

document.execCommand("copy");

status.textContent =
"HASIL DISALIN";

}

function resetApplication() {

if (isRunning) {
return;
}

inputA.value =
"0881027951695";

inputB.value =
"088975607636";

mode.value =
"full";

limitInput.value =
"10000";

generatedResults = [];

output.value = "";

activeNumber.textContent =
"-";

digitCount.textContent =
"-";

status.textContent =
"Siap";

setProgress(0);

updateCount();

downloadBtn.disabled = true;
copyBtn.disabled = true;

}

startBtn.addEventListener(
"click",
startGeneration
);

downloadBtn.addEventListener(
"click",
downloadResults
);

copyBtn.addEventListener(
"click",
copyResults
);

resetBtn.addEventListener(
"click",
resetApplication
);

})();
</script>

CODE AWAL 0 karakter

CODE HTML — KANAN

<!DOCTYPE html>
<html lang="id">
<head>

<title>PERMUTASI ANGKA — KANAN</title>

<style>

.blue-permutation-app,
.blue-permutation-app * {
box-sizing: border-box;
}

.blue-permutation-app {

width: 100%;
max-width: 1200px;
margin: 24px auto;
padding: 16px;

font-family:
Arial,
Helvetica,
sans-serif;

color: #10233f;

}

.blue-permutation-app .bp-shell {

width: 100%;
overflow: hidden;

border: 1px solid #c8d8ed;
border-radius: 20px;

background: #fff;

box-shadow:
0 14px 40px rgba(0,49,120,.14);

}

.blue-permutation-app .bp-header {

padding: 26px;

color: #fff;

background:
linear-gradient(
135deg,
#001f5c,
#003b95 45%,
#0066ff
);

}

.blue-permutation-app .bp-title {

margin: 0;

font-size:
clamp(22px,3vw,34px);

font-weight: 800;

}

.blue-permutation-app .bp-subtitle {

margin: 8px 0 0;

font-size: 14px;

line-height: 1.6;

}

.blue-permutation-app .bp-body {

padding: 22px;

}

.blue-permutation-app .bp-grid {

display: grid;

grid-template-columns:
repeat(2,minmax(0,1fr));

gap: 16px;

}

.blue-permutation-app .bp-card {

min-width: 0;

padding: 18px;

border:
1px solid #c8d8ed;

border-radius: 16px;

background: #f3f8ff;

}

.blue-permutation-app .bp-card-full {

grid-column:
1 / -1;

}

.blue-permutation-app .bp-label {

display: block;

margin-bottom: 8px;

font-size: 13px;

font-weight: 800;

color: #001f5c;

}

.blue-permutation-app .bp-input,
.blue-permutation-app .bp-select,
.blue-permutation-app .bp-number {

width: 100%;

min-height: 46px;

padding: 10px 12px;

border:
1px solid #c8d8ed;

border-radius: 10px;

outline: none;

background: #fff;

color: #10233f;

font-size: 15px;

}

.blue-permutation-app .bp-help {

margin-top: 7px;

color: #63748b;

font-size: 12px;

line-height: 1.5;

}

.blue-permutation-app .bp-actions {

display: flex;

flex-wrap: wrap;

gap: 10px;

margin-top: 18px;

}

.blue-permutation-app .bp-btn {

min-height: 46px;

padding: 10px 18px;

border: 0;

border-radius: 10px;

cursor: pointer;

font-size: 14px;

font-weight: 800;

}

.blue-permutation-app .bp-start {

color: #fff;

background:
linear-gradient(
135deg,
#003b95,
#0066ff
);

}

.blue-permutation-app .bp-download {

color: #fff;

background: #087443;

}

.blue-permutation-app .bp-reset {

color: #fff;

background: #536579;

}

.blue-permutation-app .bp-copy {

color: #fff;

background: #512da8;

}

.blue-permutation-app .bp-status {

display: flex;

flex-wrap: wrap;

gap: 10px;

margin-top: 18px;

}

.blue-permutation-app .bp-stat {

flex:
1 1 150px;

padding: 12px 14px;

border:
1px solid #c8d8ed;

border-radius: 12px;

background: #fff;

}

.blue-permutation-app .bp-stat-label {

display: block;

margin-bottom: 4px;

color: #63748b;

font-size: 11px;

font-weight: 700;

}

.blue-permutation-app .bp-stat-value {

display: block;

color: #001f5c;

font-size: 18px;

font-weight: 900;

}

.blue-permutation-app .bp-result-box {

width: 100%;

min-height: 360px;

max-height: 650px;

overflow: auto;

padding: 14px;

border:
1px solid #c8d8ed;

border-radius: 12px;

background: #061a3a;

color: #eaf3ff;

font-family:
Consolas,
"Courier New",
monospace;

font-size: 13px;

line-height: 1.7;

white-space: pre;

}

.blue-permutation-app .bp-code {

width: 100%;

min-height: 220px;

padding: 14px;

resize: vertical;

border:
1px solid #c8d8ed;

border-radius: 12px;

background: #061a3a;

color: #eaf3ff;

font-family:
Consolas,
"Courier New",
monospace;

font-size: 12px;

line-height: 1.5;

}

@media (max-width:760px) {

.blue-permutation-app {

padding:
0 8px;

}

.blue-permutation-app .bp-grid {

grid-template-columns:
1fr;

}

.blue-permutation-app .bp-card-full {

grid-column: auto;

}

</style>

</head>

<body>

<h1 class="bp-title">
PERMUTASI ANGKA
</h1>

<p class="bp-subtitle">
Generator permutasi angka unik dengan tampilan dominan biru.
</p>

</header>

<label
class="bp-label"
for="bpInput1">
ANGKA 1
</label>

</section>

<label
class="bp-label"
for="bpInput2">
ANGKA 2
</label>

</section>

<label
class="bp-label"
for="bpMode">
MODE PERMUTASI
</label>

<option value="separate">
Pisahkan — Angka 1 & Angka 2
</option>

<option value="combined">
Gabungkan — Angka 1 + Angka 2
</option>

</select>

</section>

<label
class="bp-label"
for="bpLimit">
MAKSIMUM HASIL
</label>

</section>

<button
type="button"
class="bp-btn bp-start"
id="bpStart">
▶ MULAI
</button>

<button
type="button"
class="bp-btn bp-download"
id="bpDownload"
disabled>
↓ DOWNLOAD
</button>

<button
type="button"
class="bp-btn bp-reset"
id="bpReset">
↻ RESET
</button>

</div>

</section>

<span class="bp-stat-label">
JUMLAH DIGIT
</span>

</div>

<span class="bp-stat-label">
TOTAL PERMUTASI
</span>

</div>

<span class="bp-stat-label">
HASIL DIBUAT
</span>

</div>

<span class="bp-stat-label">
STATUS
</span>

</div>

</section>

<label class="bp-label">
PREVIEW HASIL
</label>

<div
class="bp-result-box"
id="bpResult">
Belum ada hasil.

Tekan tombol MULAI untuk membuat permutasi.
</div>

</section>

<label class="bp-label">
CODE PREVIEW / COPY
</label>

</section>

</div>

</main>

</div>

(() => {

"use strict";

const root =
document.getElementById(
"bluePermutationApp"
);

if (!root) return;

const $ =
selector =>
root.querySelector(selector);

const input1 =
$("#bpInput1");

const input2 =
$("#bpInput2");

const mode =
$("#bpMode");

const limitInput =
$("#bpLimit");

const startButton =
$("#bpStart");

const downloadButton =
$("#bpDownload");

const resetButton =
$("#bpReset");

const copyCodeButton =
$("#bpCopyCode");

const resultBox =
$("#bpResult");

const digitCount =
$("#bpDigitCount");

const totalCount =
$("#bpTotalCount");

const generatedCount =
$("#bpGeneratedCount");

const statusText =
$("#bpStatus");

const codePreview =
$("#bpCodePreview");

let generatedResults = [];

function cleanNumber(value) {

return String(value ?? "")
.replace(/\D/g,"");

}

function factorialUniqueCount(str) {

if (!str.length) {
return 0n;
}

const frequencies = {};

for (const char of str) {

frequencies[char] =
(frequencies[char] || 0) + 1;

}

let result = 1n;

for (
let i = 2;
i <= str.length;
i++
) {

result *= BigInt(i);

}

for (const key in frequencies) {

const count =
frequencies[key];

for (
let i = 2;
i <= count;
i++
) {

result /= BigInt(i);

}

return result;

}

function formatBigInt(value) {

const text =
value.toString();

return text.replace(
 /\B(?=(\d{3})+(?!\d))/g,
 "."
);

}

function generateUniquePermutations(
source,
maximum
) {

const arr =
[...source].sort();

const output = [];

if (!arr.length) {
return output;
}

output.push(
arr.join("")
);

while (
output.length < maximum
) {

let i =
arr.length - 2;

while (
i >= 0 &&
arr[i] >= arr[i + 1]
) {
i--;
}

if (i < 0) {
break;
}

let j =
arr.length - 1;

while (
arr[j] <= arr[i]
) {
j--;
}

[
arr[i],
arr[j]
] =
[
arr[j],
arr[i]
];

let left =
i + 1;

let right =
arr.length - 1;

while (
left < right
) {

[
arr[left],
arr[right]
] =
[
arr[right],
arr[left]
];

left++;
right--;

}

output.push(
arr.join("")
);

}

return output;

}

function updateInformation() {

const a =
cleanNumber(input1.value);

const b =
cleanNumber(input2.value);

if (
mode.value === "combined"
) {

const source =
a + b;

digitCount.textContent =
source.length
.toLocaleString("id-ID");

totalCount.textContent =
formatBigInt(
factorialUniqueCount(source)
);

} else {

digitCount.textContent =
`${a.length} + ${b.length}`;

totalCount.textContent =
`${formatBigInt(
factorialUniqueCount(a)
)} + ${formatBigInt(
factorialUniqueCount(b)
)}`;

}

function startPermutation() {

const a =
cleanNumber(input1.value);

const b =
cleanNumber(input2.value);

let limit =
parseInt(
limitInput.value,
10
);

if (
!Number.isFinite(limit) ||
limit < 1
) {

limit = 10000;

}

limit =
Math.min(
limit,
1000000
);

limitInput.value =
limit;

if (!a && !b) {

statusText.textContent =
"ERROR";

resultBox.textContent =
"Masukkan minimal satu angka.";

return;

}

statusText.textContent =
"MEMPROSES...";

startButton.disabled = true;

downloadButton.disabled = true;

setTimeout(() => {

try {

generatedResults = [];

if (
mode.value === "combined"
) {

generatedResults =
generateUniquePermutations(
a + b,
limit
);

} else {

const resultA =
generateUniquePermutations(
a,
limit
);

const resultB =
generateUniquePermutations(
b,
limit
);

generatedResults = [
"===== ANGKA 1 =====",
...resultA,
"",
"===== ANGKA 2 =====",
...resultB
];

}

resultBox.textContent =
generatedResults.join("\n");

generatedCount.textContent =
generatedResults.length
.toLocaleString("id-ID");

statusText.textContent =
"SELESAI";

downloadButton.disabled =
generatedResults.length === 0;

} catch (error) {

console.error(error);

statusText.textContent =
"ERROR";

resultBox.textContent =
"Terjadi kesalahan.";

} finally {

startButton.disabled =
false;

}

},30);

}

function downloadResults() {

if (!generatedResults.length) {
return;
}

const blob =
new Blob(
[
generatedResults.join("\n")
],
{
type:
"text/plain;charset=utf-8"
}
);

const url =
URL.createObjectURL(blob);

const link =
document.createElement("a");

link.href = url;

link.download =
"hasil-permutasi.txt";

document.body.appendChild(link);

link.click();

link.remove();

setTimeout(
() =>
URL.revokeObjectURL(url),
1000
);

}

function resetApplication() {

input1.value =
"0881027951695";

input2.value =
"088975607636";

mode.value =
"separate";

limitInput.value =
"10000";

generatedResults = [];

resultBox.textContent =
"Belum ada hasil.\n\n" +
"Tekan tombol MULAI untuk membuat permutasi.";

generatedCount.textContent =
"0";

statusText.textContent =
"SIAP";

downloadButton.disabled =
true;

updateInformation();

}

async function copyCode() {

try {

await navigator.clipboard.writeText(
codePreview.value
);

copyCodeButton.textContent =
"✓ CODE TERSALIN";

setTimeout(
() => {
copyCodeButton.textContent =
"⧉ COPY CODE";
},
1600
);

} catch (error) {

codePreview.select();

document.execCommand("copy");

}

startButton.addEventListener(
"click",
startPermutation
);

downloadButton.addEventListener(
"click",
downloadResults
);

resetButton.addEventListener(
"click",
resetApplication
);

copyCodeButton.addEventListener(
"click",
copyCode
);

input1.addEventListener(
"input",
updateInformation
);

input2.addEventListener(
"input",
updateInformation
);

mode.addEventListener(
"change",
updateInformation
);

codePreview.value =
"\n" +
"";

updateInformation();

})();

</script>

</body>
</html>

CODE AWAL 0 karakter

CODE PREVIEW — KIRI & KANAN

⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

A VILLAGE HOUSE CITY OFFICE {RUKAN}