ボタンが押されたら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も見ています
-
外出時に「待たせる妻」vs イライラする「待つ夫」は日本だけ?見習いたい海外事情
夫の家事参加に積極的なイメージのある海外でも、同様の事例はあるのか。結婚カウンセラーの佐竹悦子さんに伺ってみた。
-
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
htmlのエラーについて(デバッグ)
PHP
-
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
-
4
正規表現
その他(プログラミング・Web制作)
-
5
プログラミング言語の制作方法について
C言語・C++・C#
-
6
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
7
VisualStudio2022でC言語プログラムで全角文字を使用すると不明なエラーが表示される
C言語・C++・C#
-
8
HTMLのbody内に<style>~</style>定義は作法的にOKでしょうか?
HTML・CSS
-
9
アマゾンのような評価の星を選択した情報を確認画面でも表示させたいです。
PHP
-
10
SQLの中上級者へのレベルアップ方法について
Oracle
-
11
プログラマーがHTMLとCSSでウェブデザインをするのは大人の幼稚園なんじゃないかと思い込んでる
その他(プログラミング・Web制作)
-
12
javascriptでbgmを自動再生する方法を教えてください。
JavaScript
-
13
フォルダを自動作成・移動を複数ファイルに対して行うバッチ処理について
その他(プログラミング・Web制作)
-
14
Linux のシェルスクリプトの強制終了の仕方について
UNIX・Linux
-
15
ぱいソン
Ruby
-
16
プログラムの素朴な質問です 分岐するコードを書く時に、 /** * 関数 */ sub(){ ...
その他(プログラミング・Web制作)
-
17
ものづくりに向いているプログラミング言語ってなんですか?家電にもプログラミングが使われてるとか
その他(プログラミング・Web制作)
-
18
var exports = exports || {}; ← この意味を教えてください。
JavaScript
-
19
JavascriptでXSSの脆弱性への対策を行いたい
JavaScript
-
20
Javaって使いますか、もう古いですか?C++とどっちがいいですか?分析でC++使う授業ありましたけ
C言語・C++・C#
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テーブル内の数値を自動で計算...
-
テキストをクリックすると答え...
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
htmlで任意の行の文字位置を右...
-
bodyにwidth:100%をつける理由は?
-
bodyタグって2重にしようするこ...
-
別ページのページ内リンクでの...
-
<a href="#" …>の意味を教えて...
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
SQLのWHEREで全てを質問する方法
-
JavaScript でキーを送る
-
javascriptとApacheの設定
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
-
getElementsByNameで要素が取得...
-
Jquery.PHPファイルのechoが表...
-
キーを押している間の時間を計...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
テキストボックス内にハイパー...
-
ボタンが押されたらWebページの...
-
横スクロールを右から左へ・・・
-
WEB上で編集できない、スク...
-
別ページのページ内リンクでの...
-
"mailtoでメールの【氏名】【性...
-
googleモバイルがiframeで表示...
-
bodyにwidth:100%をつける理由は?
-
複数のiframeの読み込みについて
-
インラインフレームの縦幅を、...
-
【HTML】フレームの中央寄せに...
-
WSHでのIE制御について
-
インラインフレーム内のスクロ...
-
「overflow: hidden」ペー ジ内...
-
ページによって表示位置がずれ...
-
DOCTYPEの指定より異なる動き
-
外部ページからハッシュタグ(...
おすすめ情報
できました!!!ありがとうございます!