Попытка вытащить данные из скрипта в поле по щелчку, но поле отображает код вместе с данными

Question

Я пытаюсь сделать инструмент проверки порта, и у меня есть форма, отображающая публичный IP-адрес пользователя. Когда пользователь нажимает на общедоступный IP-адрес, я хочу, чтобы он вставлялся в первое поле формы. В настоящее время я делаю это, но он также вставляет код, который получает публичный IP-адрес, а затем вводит IP после.

Пример. Публичный ip равен 75.86.42.53 при нажатии на то, что вставляется в форму: <script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>75.86.42.53

`<script type="application/javascript">
  function getIP(json) {
   document.write(json.ip);
}
</script>
<form id="portform" action="/toolbox/port.php" method="post" 
target="formDestination"><span id="yourip">Your IP address is: &nbsp; 
&nbsp; &nbsp;<span style="cursor: pointer; font-weight: bold; color: 
#007eba; text-decoration: underline;" 
onclick="document.getElementById('ip_addr').value=this.innertext"><script 
type="application/javascript" src="https://api.ipify.org? 
format=jsonp&callback=getIP"></script></span></span>

<p>
  <label for="ip_addr">Click IP above or enter in remote IP: &nbsp; 
&nbsp; &nbsp;</label><input id="ip_addr" type="text" name="ip_addr" 
style="width: 150px; margin-left: 20px;"/><br>

  <label for="portno">Enter in port number to check: </label>
  <input id="portno" style="width: 150px; margin-left: 73px;" type="text" 
maxlength="5" name="portno" />
</p>
<p><input id="check" type="submit" value="Open Port Check" name="btn" /> 
</p>
</form>`

Я хочу, чтобы поле заполнялось только публичным IP-адресом, а не кодом.