ボタンが押されたら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
これの対応OSを教えて下さい。php-8.3.0-src.zip
PHP
-
6
VisualStudio2022でC言語プログラムで全角文字を使用すると不明なエラーが表示される
C言語・C++・C#
-
7
プログラミング言語の制作方法について
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
本を見ながらPHPを勉強している初心者です。 今困っていること。 本番環境とローカル環境の差で困って
MySQL
-
20
プログラミングで詰まった時って皆さんどうしていますか?
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
【HTML】フレームの中央寄せに...
-
iframeのsrcにページ内リンク(...
-
テキストボックス内にハイパー...
-
テキストをクリックすると答え...
-
googleマイマップとのリンクを...
-
htmlで任意の行の文字位置を右...
-
divやiframeの読み込み時バグ @...
-
bodyにwidth:100%をつける理由は?
-
<NOSCRIPT>
-
wordpressでアコーディオンメニ...
-
スクロールバーのスクロール量...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
base64encodeでの文字化けについて
-
入力したテキストボックスのデ...
-
ウインドウの後ろに隠れている...
-
JavaScriptでiframeの内容を「...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
別ページのページ内リンクでの...
-
横スクロールを右から左へ・・・
-
bodyにwidth:100%をつける理由は?
-
ボタンが押されたらWebページの...
-
テーブル内の数値を自動で計算...
-
"mailtoでメールの【氏名】【性...
-
ページの読み込みが完了してか...
-
テキストをクリックすると答え...
-
インラインフレーム内のスクロ...
-
<body id=~>の用途は?
-
複数のiframeの読み込みについて
-
Chromeがiframe内の「#~」に釣...
-
-css- ページオープン時やリロ...
-
ページによって表示位置がずれ...
-
<HR>タグでつくる四角形につい...
-
リンクをクリックすると文字が...
おすすめ情報
できました!!!ありがとうございます!