急いでいます！

ボタンが押されたらWebページの文字コードを変える、というプログラミングを書きたいです。目的は文

締切済

質問者：とあるゲーマー
質問日時：2023/11/21 00:33
回答数：1件

ボタンが押されたらWebページの文字コードを
変える、というプログラミングを書きたいです。
目的は文字コードを変えることによる
文字化け演出を作るためです（作ろうとしてるのはホラー系のウェブサイト）

下に現在のコードを書いておきます、
どうしたらいいですか？

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="UTF-8">

<title>``【oaicite:0】``実際に11人で肝試しに行った結果...</title>
<link rel="stylesheet" type="text/css" href="kowai.css">

<body>

<button onclick="startDisplay()">クリックして開始</button>
<audio id="myAudio" src="fuon.mp3"></audio>
<div id="text-container"></div>

<script src="kowai.js"></script>

<button onclick="scrollToTop()" id="buttonEndBGMStop">おわりとBGM停止</button>
<p id="changingText">
<script src="kowai.js"></script>
</p>

<audio id="SandstormAudio" src="砂嵐の音.mp3"></audio>

<script>
function changeCharset(charset) {
document.charset = charset; // Change the character set
document.querySelector('meta[charset]').setAttribute('charset', charset); // Change meta element
}

document.getElementById('buttonEndBGMStop').addEventListener('click', function () {
// When the button is clicked, change the character set and update the text content
changeCharset('Shift_JIS'); // Change to Shift_JIS (you can modify this)
document.getElementById('changingText').innerHTML = '新しいテキストコンテンツ。'; // Replace with your new text
});
</script>

</body>
</html>

できました！！！ありがとうございます！

補足日時：2023/11/21 16:40
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： Ogre7077
回答日時：2023/11/21 16:07

charset は読み取り専用ですので変更できません

https://developer.mozilla.org/ja/docs/Web/API/Do …

単純に、ページ内のテキストの全てを別な文字列に置き換えましょう
例)
document.querySelectorAll('html>body *').forEach(e => {
_ Array.from(e.childNodes)
_ .filter(n => n.nodeType == 3)
_ .forEach(n => {
_ _ var s = n.textContent;
_ _ var t = s.replaceAll(/[\u0080-\uFFFF]/g, c => {
_ _ _ var n = c.charCodeAt(0);
_ _ _ var m = (n << 8) & 0xFF00 | (n>>8) & 0x00FF;
_ _ _ return String.fromCharCode(m);
_ _ });
_ _ n.textContent = t;
_ });
});