У меня есть html-код с двумя входами: оплата и сумма.Я реализовал скрипт с методом keyup, чтобы убедиться, что оплата больше, чем общая сумма, и показать ввод типа отправки.
Ввод типа submit отображается только в том случае, если платеж превышает общую сумму
Это мой код:
<!DOCTYPE html>
<html>
<body>
<input type="text" id="x" onkeyup="myFunction()">
<input type="text" id="y" value="8">
<div id="boton"></div>
<script>
function myFunction() {
var x = Parsefloat(document.getElementById('x'));
var y = Parsefloat(document.getElementById('y'));
if(x>=y){
document.getElementById("boton").innerHTML="<input type="submit" id="boton">";
}
</script>
</body>
</html>
Однако я не прошел проверку, буду признателен за ваши предложения.
Чтобы показать или скрыть элементы, вы можете сделать это с помощью свойства display none в css.
вы можете попробовать что-то вроде этого
Обратите внимание на пару изменений, которые я сделал, например, parseFloat, первое — строчными буквами, а F — прописными. Также присвоение свойства value в файле parseFloat.
Посмотрите на рабочий пример здесь https://plnkr.co/edit/ZJNmTFmihWzlYtLpROr0?p=preview