Q&A
JabaScript
→JavaScript です。決まっている名前なので正しく覚えましょう。
※質問は編集できます
前提・実現したいこと
ドットインストールでJabaScriptを勉強していると、コメントがイタリックにならなくなりました。
今までドットインストールでHTMLやCSSを勉強している時はイタリックになっていました。
発生している問題・エラーメッセージ
コメントにはなるのですが、イタリックにならない為わかりにくい。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Javascript Practice</title> <style> body{ display: flex; flex-wrap: wrap; } .box{ width: 100px; height: 100px; background: skyblue; cursor: pointer; transition: 0.8s; margin: 0 8px 8px 0; text-align: center; line-height: 100px; } .win{ background: pink; border-radius: 50%; transform: rotate(360deg); } .lose{ transform: scale(0.9); } </style> </head> <body> <script> 'use strict'; const num = 5; const winner = Math.floor(Math. random() * num); for(let i=0; i<num; i++){ const div = document.createElement('div'); div.classList.add('box'); if(i === winner){ div.dataset.result= 'win'; } else{ div.dataset.result= 'lose'; } div.addEventListener('click', function(){ if(div.dataset.result === 'win'){ div.textContent = 'Win!'; div.classList.add('win'); }else{ div.textContent = 'Lose!'; div.classList.add('lose'); } }); document.body.appendChild(div); } </script> </body> </html>
試したこと
動画のソースコードと比較しましたが、違いが見当たりませんでした。
あと、「イタリックにする指定」が提示のコードには見当たりません。
例えばCSSでfont-style:italicのように指定するのですが。
http://www.htmq.com/style/font-style.shtml
提示コードにコメントアウト「//」や「/**/」の部分は無いのでは？
「コメント」と言っているのは何を指していますか？
回答1件
0
イタリックにするには font-style: italic; が必要です。
例えばWin!をイタリックにする場合は下記のように修正する必要があります。
.win { background: pink; border-radius: 50%; transform: rotate(360deg); font-style: italic; }
投稿2019/06/15 07:21
総合スコア2937
ですよね。質問者さんが見逃がしてるかそういう風に見えるフォントをドットインストールが使ってるか、ドットインストール側が「今回の項目とは関係ないから」と省いてるだけのように思います。
あなたの回答
tips
プレビュー
