如何在javascript代码中动态使用表单
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在javascript代码中动态使用表单相关的知识,希望对你有一定的参考价值。
你今天好吗?我是javascript的初学者,想知道如何使用在表单中输入内容的动态结果来调用函数!我设法将这个值转换为可使用的值,但是当我按下按钮时,它没有改变,并且静态地保持在0(好像我没有输入任何东西)
HTML:
<div id="bloco">
<h1>QUAL É SUA CATEGORIA NO UFC</h1>
<p id="resultPound">Coloque seu peso e vamos transformar em libras para descobrir em que categoria do UFC você lutaria!</p>
<form> <input type="text" id="fname" name="fname" placeholder="digite seu peso"><br></form>
<button>Confirmar</button>
<script src="script.js"></script>
</div>
Javascript:
var teste = document.getElementById("fname").value;
function kilostoPounds(teste) return ((teste * 2.2046).toFixed())
const finalPound = kilostoPounds(teste);
switch (true)
case finalPound <= 123:
document.getElementById("resultPound").innerhtml = `Você seria da categoria <b>Peso Mosca</b>, pois você tem o que equivale a $finalPoundlb`;
break;
case finalPound <= 135:
document.getElementById("resultPound").innerHTML = `Você seria da categoria <b>Peso Galo</b>, pois você tem o que equivale a $finalPoundlb`;
break;
case finalPound <= 145:
document.getElementById("resultPound").innerHTML = `Você seria da categoria <b>Peso Pena</b>, pois você tem o que equivale a $finalPoundlb`;
break;
case finalPound <= 155:
document.getElementById("resultPound").innerHTML = `Você seria da categoria <b>Peso Leve</b>, pois você tem o que equivale a $finalPoundlb`;
break;
case finalPound <= 171:
document.getElementById("resultPound").innerHTML = `Você seria da categoria <b>Peso Meio Medio</b>, pois você tem o que equivale a $finalPoundlb`;
break;
case finalPound <= 185:
document.getElementById("resultPound").innerHTML = `Você seria da categoria <b>Peso Medio</b>, pois você tem o que equivale a $finalPoundlb`;
break;
case finalPound <= 205:
document.getElementById("resultPound").innerHTML = `Você seria da categoria <b>Peso Meio Pesado</b>, pois você tem o que equivale a $finalPoundlb`;
break;
case finalPound <= 265:
document.getElementById("resultPound").innerHTML = `Você seria da categoria <b>Peso Pesado</b>, pois você tem o que equivale a $finalPoundlb`;
break;
default: document.getElementById("resultPound").innerHTML = "Digite um peso correto";
请注意,例如,如果键入75,它将给出结果;如果键入91,则将显示其他内容。>
提前感谢!
你今天好吗?我是javascript的初学者,想知道如何使用在表单中输入内容的动态结果来调用函数!我设法将这个值转换为可使用的值,但...
答案
将您的JavaScript代码放入函数中,以便以后可以调用它
以上是关于如何在javascript代码中动态使用表单的主要内容,如果未能解决你的问题,请参考以下文章