Q&A
HTML5 に font 要素はないし、HTML4 としても 45 は範囲外です。
見た目についての話であれば「CSS」タグをつけてください。
前提・実現したいこと
Jvascriptでテキストを表示するときに、文字の表示位置を真ん中に指定したい
該当のソースコード
JavaScript
1<html> 2<head> 3<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 4<link rel="stylesheet" type="text/css" href="style.css"> 5 <title></title> 6 <script type="text/javascript"> 7 document.onkeydown = keydown; 8 9 function keydown() { 10 11 target = document.getElementById("prizeout"); 12 if (event.shiftKey == true) { 13 target.innerHTML = "PRIZE OUT!"; 14 } 15 else { 16 target.innerHTML = ""; 17 } 18 } 19 </script> 20</head> 21 22<body> 23<font size="15" color="#ff0000"> 24<div id="prizeout"></div> 25</body> 26</html>
試したこと
<div id="prizeout" class="text_center"> ```CSS .text_center { text-align: center; } ``` を使用し、テキストを真ん中に表示させようとした ```JavaScript target.innerHTML = " PRIZE OUT!"; ``` target.innerHTMLのテキストに空白を入れた ### 補足情報（FW/ツールのバージョンなど）localhost
宜しければご回答よろしくお願いします。
そうなんですね
タグを追加します
class="text_center" をつけた状態で、中央ではないということでしょうか？
そういう事です。
回答1件
0
ベストアンサー
HTML
1<div id="prizeout" class="text_center"></div>
投稿2020/03/27 03:06
総合スコア116724
こちらのコードを試したのですが、真ん中に表示されませんでした。
<style>
.text_center {
text-align: center;
}
</style>
<script>
document.onkeydown = keydown;
function keydown() {
target = document.getElementById("prizeout");
if (event.shiftKey == true) {
target.innerHTML = "PRIZE OUT!";
}
else {
target.innerHTML = "";
}
}
</script>
<font size="15" color="#ff0000">
<div id="prizeout" class="text_center"></div>
</font>
fontタグとかやめたほうがよさそうですけどね
あなたの回答
tips
プレビュー
