サイトに訪問者のIPを表示したい

Question

サイトに訪問者のIPを表示したいです

https://iwb.jp/javascript-ipinfo-jquery-axios
上記のサイトを参照し、ipinfo.ioのサービスでipのjsonデータをコンソールに表示するところまではできました。
(codepenではコンソール欄にjsonデータを表示できましたが、実際にサイトでjsを実行しようとしてみたところ全くコンソール欄に表示されませんでしたので、下記のjavascriptをどのようにすれば実行できるかも教えて頂きたいです。)

このさき、jsで変数にjson.ipを割り当てて、innerHTMLでpタグに埋め込みたいと考えています。

該当のソースコード

fetch('https://ipinfo.io?callback')
  .then(res => res.json())
  .then(json => console.log(json.ip))

試したこと

他のサイトにも複数のやり方が書いてあったので試してみましたが、コンソールに表示してからがよく理解できません。

文章が下手であればすみません。
ご回答よろしくお願いします。

Answer 1

こういうことですか？

<div id="IP"></div>
<script>
fetch('https://ipinfo.io?callback')
  .then(res => res.json())
  .then(json => document.getElementById('IP').textContent = json.ip)
</script>

Comments

[child_raccoons]

ご回答ありがとうございます！
先ほど動作を確認いたしました。
大変助かりました。
ありがとうございました。

[child_raccoons]

どちらもベストアンサーとさせていただきたいくらい素晴らしいご回答で、内容では全く甲乙がつけられませんでしたので、回答時間が早かったもう一方の方の回答をベストアンサーとさせていただきました。
すみません。
本当にありがとうございました。

Answer 2

こんなのいかがでしょうか

fetch('https://ipinfo.io?callback')
  .then(res => res.json())
  .then(json => {
    const result = document.getElementById("ここに、ID")
    result.innerHTML = "あなたの IP は" + json.ip + "です！"
  })

参考（見てみてください）
https://qiita.com/n_oshiumi/items/5795de01187d5aafca07

Comments

[child_raccoons]

ご回答ありがとうございます！
先ほど動作を確認いたしました。
大変助かりました。
ありがとうございました。