Pythonでかくif文章

Question

def if_test(num):
if num > 100:
print('100 < num')
elif num > 50:
print('50 < num <= 100')
elif num > 0:
print('0 < num <= 50')
elif num == 0:
print('num == 0')
else:
print('num < 0')

if_test(1000)

100 < num

if_test(70)

50 < num <= 100

if_test(0)

num == 0

if_test(-100)

num < 0

Comments

[y_waiwai]

で、しつもんはなんでしょうか

Answer 1

元ソースをなるべく生かしてこんなかんじ

<style>
.cp_tooltip {
  display: inline-block;
}
.cp_tooltiptext {
  position: relative;
  cursor: pointer;
  background: linear-gradient(transparent 60%, #f1f1f1 60%);
}
.cp_tooltiptext.checked{
  color:red;
}
.cp_tooltiptext:not(.checked)::after {
  position: absolute;
  transition: all 0.3s ease 0s;
  opacity: 0;
  top: 26px;
  left: 0px;
  display: block;
  padding: 0.2em 0.5em;
  content: attr(data-tooltip);
  white-space: nowrap;
  color: #000000;
  border-radius: 6px;
  background: #ffffff;
}
.cp_tooltiptext:hover::after {
  top: 26px;
  opacity: 1;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
  [].forEach.call(document.querySelectorAll('.cp_tooltiptext'),x=>{
    x.addEventListener('click',e=>{
      x.classList.toggle('checked');
    });
  });
});
</script>

<span>
<span>
<div class="cp_tooltip">
<span data-tooltip="私は" class="cp_tooltiptext">I</span>
</div>
<div class="cp_tooltip">
<span data-tooltip="です" class="cp_tooltiptext">am</span>
</div>
<div class="cp_tooltip">
<span data-tooltip="一人の" class="cp_tooltiptext">a</span>
</div>
<div class="cp_tooltip">
<span data-tooltip="学生" class="cp_tooltiptext">student</span>
</div>
</span>
<div ID="moji1" style="visibility:hidden;">
</div>

Comments

[kyoya0819]

すごい細かいですがJavaScriptではなくHTMLでは？...

[yambejp]

回答の主旨がjavascriptのときはコードのキャプションに「javascript」と書くようにしています
昔は、css,javascript,htmlをセクションに分けて書いてたりしたんですが
コピペもしにくいのでひとまとめにすることにしました
（あくまでも自分ルールなのでもちろん他の人に強要はしません）

[coron.1]

回答ありがとうございます。
この機能にプラスで押した単語だけポップアップが出なくなるようにする機能もできれば教えていただきたいです。よろしくお願いいたします。

[yambejp]

> 押した単語だけポップアップが出なくなるようにする

そうなっていませんか？

[think49]

シンタックスハイライトの実行処理が「JavaScriptの文法」に準拠する形で実行される問題はありますね。
(見た目には大体、上手く動いているようですが、細かな検証はしていません)

[coron.1]

自分の環境ではポップアップが消えるようにはなってないみたいです、、、
自分の環境の問題でしょうか？？

[yambejp]

.cp_tooltiptextのクリックによってcheckedクラスを付け替えているので
.cp_tooltiptext.checkedの色が変わるのでしたら
.cp_tooltiptext:not(.checked)の処理も有効になるはずですが・・・

[kyoya0819]

yambejpさん
それは失礼しました。

[coron.1]

yambejpさん
正常に動きました。
ありがとうございます。
scriptの動きがよくわからないのですが解説もしくは参考にされているサイトなどあったら教えていただきたいです。

[yambejp]

解説：
cp_tooltiptextクラスのついたHTML要素に対してクリック時に自分のクラスに
checkedクラスをつけたり、けしたりしています
それによりcssに設定された、「.checked」や「:not(.checked)」が反応します
どこの部分がわからないか指摘してもらえばもうすこし詳しい説明はできると思います