I have this problem guys, I need that the result of a function that I am shooting with an event is written in a text type input, in this case the one that is after USD, I can do it in an elemnto <span> more not within <input> as I want.
In easy summary, I need to enter a value in BTC, the result that now gives me in <span> , I write it in <input> USD.
thanks in advance.
// BTC
$(function() {
$(document).ready(function(){
$.ajax({
url: 'https://api.coinmarketcap.com/v1/ticker/bitcoin/',
type: 'GET',
dataType: 'JSON',
success: function(data){
var btc = data[0].rank;
document.getElementById("rank").innerHTML = btc;
btc = data[0].name;
document.getElementById("btc").innerHTML = btc;
btc = data[0].price_usd;
document.getElementById("btc-price1").innerHTML = btc;
btc = data[0].price_btc;
document.getElementById("btc-price2").innerHTML = btc;
btc = data[0].percent_change_1h;
document.getElementById("btc-1h").innerHTML = btc + " %";
btc = data[0].percent_change_24h;
document.getElementById("btc-24h").innerHTML = btc + " %";
btc = data[0].percent_change_7d;
document.getElementById("btc-7d").innerHTML = btc + " %";
}
});
});
});
// BTC Calc
function multi(){
var x = document.getElementsByTagName("td");
var dato1=x[2].innerHTML;
var total = dato1;
var change= false;
$(".monto").each(function(){
if (!isNaN(parseFloat($(this).val()))) {
change= true;
total *= parseFloat($(this).val());
}
});
total = (change)? total:0;
document.getElementById('resultado').innerHTML = total.toFixed(2);
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<hr>
<table class="table table-dark table-bordered table-striped table-hover" id="coins">
<thead>
<!-- tittle tablet -->
<tr>
<th class="resp" scope="col">Rank</th>
<th scope="col">Symbol</th>
<th scope="col">Name</th>
<th scope="col">Price USD</th>
<th scope="col">Price BTC</th>
<th scope="col">1H</th>
<th scope="col">24H</th>
<th scope="col">7d</th>
</tr>
</thead>
<tbody>
<!-- btc -->
<tr>
<th scope="row" id="rank"></th>
<td>BTC</td>
<td id="btc"></td>
<td id="btc-price1"></td>
<td id="btc-price2"></td>
<td id="btc-1h"></td>
<td id="btc-24h"></td>
<td id="btc-7d"></td>
</tr>
</tbody>
</table>
<hr>
<div class="row">
<div class="col-md-6">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">BTC</span>
</div>
<input type="text" class="form-control monto" aria-describedby="basic-addon1" onkeyup="multi();">
</div>
</div>
<div class="col-md-6">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">USD</span>
</div>
<input type="text" class="form-control" aria-describedby="basic-addon1">
</div>
</div>
</div>
<div class="row">
<p>Este resultado que quiero escribir en el input USD: </p>
<span id="resultado"></span>
</div>
</div>