Promptで出力した文字にスタイルなどを当てたい（Javascript）（初心者です）

Question

初質問です。

プログラム初心者です、Javascriptから勉強し始めました。

タイトル通り、promptで出力した文字にスタイルなどを当てるには
どういったプログラムを当てれば良いかわかりません。

アドバイスお願いします。

Comments

[m.ts10806]

質問編集画面タイトル横にある「初心者アイコン」をご活用ください。「初心者」と質問で書くよりも伝わりますし、質問一覧に表示されるのでわかりやすくなります。　また、タイトルには要件のみを記載すべきなので「初心者」やタグに設定されている情報を改めて記載することはありません。アドバイスを請うのは良いのですが、ご自身が調べてみたこと・やってみたことを提示した上で質問するのが原則なので、途中のものでも結構ですので、自身が書かれたコードを提示してください。「質問するときのヒント」も熟読してください。スムーズに回答を得るために必要なノウハウや知っておくべきことが記載されています https://teratail.com/help/question-tips

[earthMY]

ありがとうございます、一度熟読してからまた投稿したいと思います。

[m.ts10806]

質問は編集できるので、少しずつで結構ですので質問を編集し、質問内容を充実させていってください。

[m.ts10806]

↑に書いたとおり新規質問投稿ではなく、当質問を編集してくださいね。

Answer 1

「promptで出力した」の定義がわかりません。
prompt自体は入力のツール（ダイアログ？）です。
どういった出力をするかはユーザーが好きにすればいいでしょう。
HTMLとして出力すれば任意のスタイルシート適用することも可能です

sample

<style>
#out{
color:red;font-size:5em;font-weight:bold;font-style:italic;text-decoration:underline;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#in').addEventListener('click',function(e){
    var str=prompt("入力してください");
    if(str){
      document.querySelector('#out').textContent=str;
    }
  });
});
</script>

<input type="button" value="入力" id="in">
<div id="out"></div>

Comments

[earthMY]

返信遅くなり、申し訳ありません。回答ありがとうございます、ＨＴＭＬとしても出力できるのですね。

[yambejp]

一応コピペで動くサンプルつけときました

[earthMY]

ありがとうございます、今から拝見させていただきます。

Answer 2

prompt, nodejsの話でしょうか…
もし ブラウザの Developer console でしたら以下の記事が参考になりそうです。

console.logにCSSを適用させてみよう | 東京上野のWeb制作会社LIG

Console - Web APIs | MDN

Comments

[og24715]

失礼しました。 Window.prompt() なんてあるんですね…。 もしWindow.prompt() の話でしたらこの回答は質問の回答になっていないので無視してください。 https://developer.mozilla.org/en-US/docs/Web/API/Window/prompt

[earthMY]

回答ありがとうございます、参考にさせていただきます。

[earthMY]

わかりました、わざわざありがとうございます。