У меня есть модальное диалоговое окно, которое вычисляет bmi человека.
Когда мы нажимаем кнопку отправки, результат помещается под кнопкой отправки в теге
<span id=result></span>
,Тем не менее, это прекрасно работает в Chrome, но в Android, он даже не принимает отправку, которую он появляется.
Вот мой модальный код ниже:
<!-- Modal -->
<div id="myModal" class="modal fade"
role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button"
class="close" data-
dismiss="modal">×</button>
<h4 class="modal-title">BMI
Calculator</h4>
</div>
<div class="modal-body">
<form>
<a>Enter your weight (kg):
</a>
<input type="number" id="weight" min="1" max="200" step="10"
placeholder="--" />
<br />
<br />
<a>Enter your height (cm):</a>
<input type="number"
id="height" min="1" max="300"
step="10"
placeholder="---" />
<br />
<br />
<input class="btn btn-form"
class="submit" type="button"
value="Submit" onclick="bmi()" />
<br />
<br />
<span id="result">Here will be
your result</span>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn
btn-default" data-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
вот мой код JavaScript ниже:
Number(document.getElementById("height").va
lue);
var weight = Number(document.getElementById("weight").value);
var result = weight / (height/100 * height/100);
alert("TEST");
document.getElementById("result").innerHTML = "Your bmi score is : " + Math.round(result);
}