gpt4 book ai didi

javascript - 这段代码水沸腾项目有什么问题

转载 作者:行者123 更新时间:2023-12-02 18:26:53 26 4
gpt4 key购买 nike

我正在为一个类做这个。重点是展示如何在编程中煮水......我不知道这很奇怪,但你可以看看我的代码,看看发生了什么。它有一个目的,但我没有时间解释。请不要做任何大的改变。我希望它以不应该的方式运行或以其他方式运行。我不是最擅长使用 javascript,所以请不要做出太多判断。

<小时/>

问题

第一个输入工作正常,所以不用担心。这是我的表单有问题......应该发生的是我输入其中一个变量,它会显示所倾倒的内容。但是当我提交时它不起作用......只需重新启动页面即可!到目前为止我给出了......因为我显然不知道出了什么问题:P可能是一些愚蠢的事情。谢谢!

<小时/>

代码

<html>
<head>
<title>
Boiling Water
</title>
</head>
<body bgcolor='#000000'>
<center>
<font color='#ffffff' size='8'><b>D.W.B.A</b>
<br>
Digital</font> <font color='#00ffff' size='8'>Water</font><font color='#ffffff' size='8'> Boiling Association</font>
<br>
<font size='3' color='#ffffff'>Programmed in JavaScript</font>
<br>
<br>
<br>
<p><font color='#ffffff' size='4'>Grab 1 of 56 Cups From the Kitchen Cabinet!</font></p>
<font color='#ff0000' size='4'><p id="cup"><input type='button' value='Obtain Cup' onclick='cup()' /></p></font>
<script>
function cup() {
var cabinet=56;
var quantity=55;
var obtain=cabinet-quantity;
var cupP=document.getElementById("cup")
cupP.innerHTML="You have Obtained " + obtain + " Cup";
}
</script>
<script>
function fill() {
var x=document.getElementById("calculate").value;
var optionzero=0;
var optionone=25;
var optiontwo=50;
var optionthree=75;
var optionfour=100;
if (optionzero) {
pour="Please Pour contents into your Cup";
} else if (optionone) {
pour="You have filled the Cup 1/4 of the way with water";
} else if (optiontwo) {
pour="You have filled the Cup 2/4 or 1/2 of the way with water";
} else if (optionthree) {
pour="You have filled the cup 3/4 of the way with water";
} else if (optionfour) {
pour="Your cup is filled (4/4 of the way) with water";
}
document.getElementById("fillup").innerHTML=pour;
}
</script>
<br>
<form type='input' >
<font color='#ffffff' size='4'>Fill the Cup with Water per 25% out of 100% Ex) 25%, 75%, etc. </font>
<br>
<br>
<input type='text' id='calculate'>
<br>
</form>
<input type='submit' value='Calculate' onclick='fill()' />
<br>
<font color='#ffffff'><p id='fillup'>
</p></font>
</center>
</body>
</html>

最佳答案

只需尝试不提交表单即可。您可以从 fill 函数中 return false; 并将内联处理程序更改为 onclick='return fill()' 或简单地更改整个输入:

<button type='button' onclick='fill()'>Calculate</button>

当您想要将信息发送到服务器端进程(而您不需要在那里执行此操作)时,提交表单非常有用。

关于javascript - 这段代码水沸腾项目有什么问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18281102/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com