![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
ボタンが押されたらWebページの文字コードを
変える、というプログラミングを書きたいです。
目的は文字コードを変えることによる
文字化け演出を作るためです(作ろうとしてるのはホラー系のウェブサイト)
下に現在のコードを書いておきます、
どうしたらいいですか?
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<!-- other meta tags and stylesheets -->
<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>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
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;
_ });
});
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLでwebサイトを作ってるのですが、 ボタンが押された時にjsに書いている文章の 文字コードを 1 2023/11/16 23:21
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP 日付と年月日を選択するコードを書いているのですが、セレクトボックスの中に、「曜日」を表示させたいので 3 2021/12/10 09:20
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 付属の写真のようにエラーが出るようにしたいです。 提示したコードだけでは、エラーメッセージ文字が上の 1 2021/11/23 08:27
- JavaScript javascriptとPHPで入力フォームのコードを書いているのですが、 流れとしては、①入力フォー 2 2021/12/02 09:18
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
htmlのエラーについて(デバッグ)
PHP
-
プログラミング言語の制作方法について
C言語・C++・C#
-
-
4
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
5
正規表現
その他(プログラミング・Web制作)
-
6
VisualStudio2022でC言語プログラムで全角文字を使用すると不明なエラーが表示される
C言語・C++・C#
-
7
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
8
プログラムの素朴な質問です 分岐するコードを書く時に、 /** * 関数 */ sub(){ ...
その他(プログラミング・Web制作)
-
9
Linux のシェルスクリプトの強制終了の仕方について
UNIX・Linux
-
10
ぱいソン
Ruby
-
11
サブルーチンを使った再帰的なプログラム
C言語・C++・C#
-
12
win 11でのコマンドプロンプトのwindowについてご教授お願い致します。
Windows 10
-
13
ものづくりに向いているプログラミング言語ってなんですか?家電にもプログラミングが使われてるとか
その他(プログラミング・Web制作)
-
14
var exports = exports || {}; ← この意味を教えてください。
JavaScript
-
15
javaScriptのコードの修正をお願いします。
JavaScript
-
16
C言語 バッファについて。
C言語・C++・C#
-
17
C言語について。
C言語・C++・C#
-
18
phpでクラスのメソッドで同名のものを定義しようとすると引数の数または引数の型が違っていても重複宣言
PHP
-
19
IndexedDB を使ってファイルアップロード可能な掲示板を非同期通信で作成したい
JavaScript
-
20
javascriptの値をformのinput hiddenに入れたい
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ハイパーリンクに下線を表示す...
-
-css- ページオープン時やリロ...
-
height:100%について
-
WEB上で編集できない、スク...
-
テキストボックス内にハイパー...
-
上下にイメージをリピートさせたい
-
初歩的な文字入力フォームの添...
-
CSSで先に大枠レイアウトを作成...
-
<a href="#" …>の意味を教えて...
-
【javascript クロスブラウザ...
-
別ファイルのfunctionの読み込み方
-
プルダウンメニューを別ファイ...
-
javascriptでalertの文字列をコ...
-
相対パスと絶対パスの速度
-
シャドウボックスとjQueryを共...
-
リンク先のURLを記述せずに、Ja...
-
JavaScriptからVBScriptの呼び...
-
外部ファイルJS参照を全て消さ...
-
ホームディレクトリを示すチル...
-
cssにjavascriptを入れる?呼び...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
横スクロールを右から左へ・・・
-
スクロールバーのスクロール量...
-
bodyタグの範囲について
-
テキストをクリックすると答え...
-
"mailtoでメールの【氏名】【性...
-
ページの読み込みが完了してか...
-
「overflow: hidden」ペー ジ内...
-
外部ページからハッシュタグ(...
-
DOCTYPE宣言をするとstyleが適...
-
mailtoで質問・・・
-
ボタンが押されたらWebページの...
-
IE以外は色が付かない なぜ?
-
スクロールの同期ってできますか?
おすすめ情報
できました!!!ありがとうございます!