JSFiddle - React, Tailwind, and code Playground

HTML

<input id="shop_id" type="submit" value="Показать мой IP">

<pre id="out"></pre>

JavaScript

const myButton = document.getElementById('shop_id')

myButton.addEventListener('click', shopClickHandler)

function shopClickHandler(evt) {
  fetch('https://www.cloudflare.com/cdn-cgi/trace')
    .then((response) => {
    return response.text()
  })
    .then((data) => {
    out.textContent = data.match(/ip=(.*?)$/gm)
  })
}