How to parse value from json and display it in html element?

Question

JavaScript

Good afternoon, there is a coindesk api that passes the btc price value: https://api.coindesk.com/v1/bpi/currentprice.json
I need to display the USD price value in a div element:

<div class="input-group mb-3">
                    	<div class="input-group-prepend">
                      	<span class="input-group-text">Price</span>
                    	</div>
                    	<input type="text" class="form-control" placeholder="Цена из json" readonly>
                    	<div class="input-group-append">
                     	 	<span class="input-group-text">USD</span>
                    	</div>
                  </div>

How can this be implemented?
I haven't worked with json before. Thank you.

Answer 1

https://jsbin.com/mupipad/edit?js,output