「自分のIPアドレスは何？」「あなたのIPは〇〇です！」_IPアドレスの確認ができるようにしてみた。
あなたのIPアドレスを表示
またしても面白いものを作ってしまった😊
やってみたい人は↓を順番にどうぞ☆
- ↓の「jQueryの設定」を確認する。
- 新しい記事を作成する。
- ↓の「HTMLコード」を「HTML編集」にコピペ。
- 「プレビュー」で確認。
- 完成！
jQueryの設定
↓にあるコードを、2箇所のどっちかにコピペ！
※すでに貼ってる人多いかも？重複注意ね！
- 「設定」＞「詳細設定」＞「headに要素を追加」
- 記事作成時の「HTML編集」の1行目
コード：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
HTMLコード
</div>
<div>
<script>// <![CDATA[
$.ajax({
url: "https://ipinfo.io",
dataType: "jsonp",
success: function(res){
$(".ip-address").text(res.ip);
}
});
// ]]></script>
</div>
<p><span style="font-size: 200%;"><strong>あなたのIPは<a class="ip-address"> </a>です！</strong></span></p>
↓のサイトを参考に作ったよ！
ipinfo.ioのJSONP API使用してIPアドレスを取得しました。
