![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
HTMLでwebサイトを作ってるのですが、
ボタンが押された時にjsに書いている文章の
文字コードを変更するコードってどう書いたらいいんでしょうか?
文字コードを変更する目的は、
文字コードを変えることで書いた文章をわざと文字化けさせるためです。(ホラー用なので)
通ってるプログラミング教室の発表会で出す予定なので他にも怖い演出などが作れるものがあったりしたら教えて欲しいです。
よろしくお願いします。
今のコードはこちら
↓↓↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>【2ch怖いスレ】実際に11人で肝試しに行った結果...</title>
<link rel="stylesheet" type="text/css" href="kowai.css">
</head>
<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>
<audio id="SandstormAudio" src="砂嵐の音.mp3"></audio>
<script>
function changeCharset(charset) {
document.charset = charset; // 文字コードを変更
document.querySelector('meta[charset]').setAttribute('charset', charset); // meta要素も変更
}
document.getElementById('buttonEndBGMStop').addEventListener('click', function () {
// 終了と停止ボタンが押されたら文字コードを変更
changeCharset('Shift_JIS'); // Shift_JISに変更する例
});
</script>
</body>
</html>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
文字コードはページ全体に反映されるので、特定の文書の文字コードだけを変えることはできません。
単に文字化けのようにしたいというのであれば、文字列自体をハッシュ値に変換する方法があります。
https://qiita.com/economist/items/768d2f6a10d54d …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP 日付と年月日を選択するコードを書いているのですが、セレクトボックスの中に、「曜日」を表示させたいので 3 2021/12/10 09:20
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript javascriptとPHPで入力フォームのコードを書いているのですが、 流れとしては、①入力フォー 2 2021/12/02 09:18
- JavaScript 付属の写真のようにエラーが出るようにしたいです。 提示したコードだけでは、エラーメッセージ文字が上の 1 2021/11/23 08:27
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
【JS】selectでchangeした時のデータを外の変数で保持するには?
JavaScript
-
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでる
HTML・CSS
-
-
4
バッファリングについて。
C言語・C++・C#
-
5
HTMLです
HTML・CSS
-
6
漢字変換が異常に遅いPC
Windows 10
-
7
私は買って早々、ノートパソコンに深刻なダメージを与えたという事なのでしょうか?( ˃ ⌑ ˂ഃ )
その他(コンピューター・テクノロジー)
-
8
プログラミング言語の制作方法について
C言語・C++・C#
-
9
SSL対応なのにhttp://で入力したらセキュリティ保護なしと表示される理由
SSL・HTTPS
-
10
エックスサーバーでhttpd.confを編集する方法
サーバー
-
11
httpのサイトにアクセスされたらhttpsのほうにリダイレクトするように設定する方法
サーバー
-
12
卒業研究でよく分からないところがあるので教えて欲しいです。 インバータ用組み込みソフトウェア開発シス
C言語・C++・C#
-
13
マウスしか使わない又はキーボードしか使わないことって可能なのでしょうか?
その他(コンピューター・テクノロジー)
-
14
ラズベリーパイピコでのPch MOSFETの駆動の仕方
その他(プログラミング・Web制作)
-
15
強化学習の環境作成、AI。自動運転の学習のため、自由に道路環境を作る。どのライブラリーが良い?
その他(プログラミング・Web制作)
-
16
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
17
css初心者 フレックスボックスの適用を一部適用除外したいですが方法が分かりません。
HTML・CSS
-
18
ものづくりに向いているプログラミング言語ってなんですか?家電にもプログラミングが使われてるとか
その他(プログラミング・Web制作)
-
19
HTMLです次の意味を持つ要素または次の効果を設定するプロパティを選んでください。とい
HTML・CSS
-
20
html 階層リンク
SEO
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
根号の書き方について
-
先日ウェブデザイン技能検定三...
-
<!DOCTYPE html>あってますか?↑
-
body内にmetaタグを記述は問題...
-
文字化けを故意に表示したい
-
HTML・PHPの文字化け
-
わざと文字化けさせるには
-
ホームページでのスライドショ...
-
HTMLページが勝手にダウンロー...
-
iPadの標準ブラウザでローカルH...
-
Webサイトから、txtファイルを...
-
ホームページビルダーで文字化...
-
HTMLからフォルダを開きたい
-
java_run.batがダウンロードで...
-
フォルダ内の最初のファイル名...
-
中埜酢店 のよみかた
-
lang 英語と日本語など混ざる時は
-
VB6でHTMLファイルを起動するに...
-
医療画像(Windows用)をMacで...
-
レストラン、英語のメニュー表記
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
body内にmetaタグを記述は問題...
-
根号の書き方について
-
文字化けを故意に表示したい
-
HTMLファイルのインクルードで...
-
先日ウェブデザイン技能検定三...
-
iframe内の表示を常に最新にしたい
-
borderでa:hover下線表示させる...
-
指定した演算を実施の結果を表...
-
ページ全体を中央に配置したい...
-
safariだけcssが反映されない
-
わざと文字化けさせるには
-
WEBページがIEだけ文字化けして...
-
html で 変数を定義できますか?
-
<!DOCTYPE html>あってますか?...
-
COLDFUSIONの文字化け
-
textareaの一行の文字数制御
-
Duolingo のソースコードの名前...
-
Aタグのmailtoでメッセージ作成...
おすすめ情報