我想知道为什么在创建英雄后尝试更新表单元格时,按ID的Jquerry选择器在这里不起作用。我正在使用基本的Jquerry选择器,但即使使用innerHTML也不会执行任何操作。 Jquerry选择器正在使用输入获取值功能,但此后没有,对我来说这没有意义,控制台绝对不会给我错误。
HTML
<div class="col-4 hero">
<h2>Votre personnage</h2>
<div>
<h3>Créer un nouveau personnage</h3>
<p class="alert alert-danger" role="alert">Attention ! créer un nouveau personnage supprimera tout de l'ancien.</p>
<label>Nom</label>
<input type="text" id="hero_name_input" name="hero_name_input">
<button>Créer personnage</button>
</div>
<div>
<h3>Les statistiques de votre personnage</h3>
<table>
<tr>
<th>Nom</th>
<td id="Hname"></td>
</tr>
<tr>
<th>Habilité</th>
<td id="Hskill"></td>
</tr>
<tr>
<th>Endurance</th>
<td id="Hstamina"></td>
</tr>
<tr>
<th>Chance</th>
<td id="Hluck"></td>
</tr>
</table>
</div>
</div>
JS
$(document).ready(function() {
$('.hero button').click( function create_hero() {
let nom = $('#hero_name_input').val(); // it works
let habilite = (roll_dice(1)+6);
let endurance = (roll_dice(2)+12);
let chance = (roll_dice(1)+6);
let hero = new Hero (nom, habilite, endurance, chance);
//document.getElementById('Hname').innerHTML = hero.nom; // it works
// not working block
$('#Hname').html = hero.nom;
$('#Hskill').html = hero.habilite.toString();
$('#Hstamina').html = hero.endurance.toString();
$('#Hluck').html = hero.chance.toString();
// not working block
});
function roll_dice (dices) {
if (dices == 1) {
return Math.floor(Math.random()*6+1)
}
else {
let d1 = Math.floor(Math.random()*6+1)
let d2 = Math.floor(Math.random()*6+1)
let dices_result = d1+d2;
return dices_result;
}
}
});