Estoy tratando de hacer un botón que muestre el nivel actual de batería de su computadora. La forma en que funciona es que hace clic en un botón y en la consola de JavaScript, muestra el nivel de batería actual de su computadora. En lugar de colocar el nivel en la consola, ¿hay alguna forma de mostrar el nivel debajo de la etiqueta de anclaje?
function batlevel() { navigator.getBattery().then(function(battery) { var level = battery.level; console.log(level); }) }; <a onclick="batlevel()">hi</a>Muy claro. Obtenga el elemento al que desea agregar, cree una etiqueta, establezca texto interno y luego agregue
function batlevel() { navigator.getBattery().then(function(battery) { var level = battery.level; var p = document.createElement("p"); p.innerText = level; document.getElementsByTagName('a')[0].append(p) console.log(level); }) }; <a onclick="batlevel()">hi</a>function batlevel() { navigator.getBattery().then(function(battery) { var level = battery.level; console.log(level); document.getElementById('levelId').innerHTML = 'this is the level' + level; }) }; <a onclick="batlevel()">hi</a> <div id="levelId"></div>Considera lo siguiente.
function getBatLevel(target) { var level; navigator.getBattery().then(function(battery) { level = (battery.level * 100); if (target == undefined) { console.log(level + "%"); } else { target.after(" " + level + "%"); } }); }; <a onclick="getBatLevel(this)">Get Level</a> Esto hace uso de la llamada .after() : https://developer.mozilla.org/en-US/docs/Web/API/Element/after
Puede envolverlo en un elemento si lo desea.