![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ボタンが押されたら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も見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
プログラミング言語の制作方法について
C言語・C++・C#
-
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
VisualStudio2022でC言語プログラムで全角文字を使用すると不明なエラーが表示される
C言語・C++・C#
-
-
4
プログラムの素朴な質問です 分岐するコードを書く時に、 /** * 関数 */ sub(){ ...
その他(プログラミング・Web制作)
-
5
ぱいソン
Ruby
-
6
ものづくりに向いているプログラミング言語ってなんですか?家電にもプログラミングが使われてるとか
その他(プログラミング・Web制作)
-
7
win 11でのコマンドプロンプトのwindowについてご教授お願い致します。
Windows 10
-
8
var exports = exports || {}; ← この意味を教えてください。
JavaScript
-
9
javaScriptのコードの修正をお願いします。
JavaScript
-
10
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでる
HTML・CSS
-
11
PythonのTkinter詳しい方へ。画像や言葉の意味を答える3択クイズを作るのに手間取っています
その他(プログラミング・Web制作)
-
12
終端記号、非終端記号とは
C言語・C++・C#
-
13
関数定義について質問です 架空のプログラミング言語ですが、こういう関数があった時、何を返してくれそう
その他(プログラミング・Web制作)
-
14
プログラミングをやってます。 pythonでdnnやcnnをnumpyだけで実装しました。rsa暗号
その他(プログラミング・Web制作)
-
15
コードを直していただきたいです。 以下のコードはネットで拾ったものをほんの少しいじった物なのですが、
Visual Basic(VBA)
-
16
MACで動く実行ファイルをWindowsで作る方法(クロスコンパイラ紹介ください)
C言語・C++・C#
-
17
c言語
C言語・C++・C#
-
18
C言語について。
C言語・C++・C#
-
19
質問です。 配列が100以上の場合は、100単位で繰り返し処理を実行したいのですが、どのように処理を
Java
-
20
phpのクラスメソッドの定義が長くなる場合にクラスメソッドの定義をクラス外で定義できるでしょうか?
PHP
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
<a href="#" …>の意味を教えて...
-
mailto + 変数名
-
インラインフレームをドラッグ...
-
jQuery GalleryViewスライドショー
-
twitter widgetが表示されない
-
初心者javascript ウィンドウサ...
-
javascriptとApacheの設定
-
HTMLでサブフレームから親のス...
-
jqueryでつぶやきを自動スライ...
-
ページを訪問者にたった一度だ...
-
crossSlideがうまく機能しない...
-
フレームを跨ぐドロップダウン...
-
HTMLアプリでインラインフレー...
-
SCRIPT5007: 未定義または NULL...
-
JavaScriptのエラー ( 関数の...
-
リンク移動先のURLを取得
-
小窓を表示する時に、必ず右上...
-
【javascript クロスブラウザ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
スクロールバーのスクロール量...
-
横スクロールを右から左へ・・・
-
テキストをクリックすると答え...
-
bodyタグの範囲について
-
ページの読み込みが完了してか...
-
「overflow: hidden」ペー ジ内...
-
"mailtoでメールの【氏名】【性...
-
外部ページからハッシュタグ(...
-
DOCTYPE宣言をするとstyleが適...
-
mailtoで質問・・・
-
IE以外は色が付かない なぜ?
-
javaScript Nullまたはオブジェ...
-
divで作成したテキストボックス...
おすすめ情報
できました!!!ありがとうございます!