我是javascript的新手，我正在尝试做一个html程序来计算狗的年龄。
作为一个云计算领域的专家和开发工程师，我可以帮助你解决关于JavaScript编程和HTML程序的问题。
首先，让我们来解决你的问题：计算狗的年龄。
在计算狗的年龄时，需要考虑到狗的年龄和人类年龄之间的转换关系。一般来说，狗的前两年相当于人类的10.5岁，之后每增加一年相当于人类的4岁。
下面是一个简单的HTML程序示例，使用JavaScript来计算狗的年龄：
<!DOCTYPE html>
<html>
<head>
<title>计算狗的年龄</title>
<script>
function calculateDogAge() {
var dogAge = parseInt(document.getElementById("dogAge").value);
var humanAge;
if (dogAge <= 2) {
humanAge = dogAge * 10.5;
} else {
humanAge = 21 + (dogAge - 2) * 4;
}
document.getElementById("result").innerHTML = "狗的年龄相当于人类的 " + humanAge + " 岁。";
}
</script>
</head>
<body>
<h1>计算狗的年龄</h1>
<label for="dogAge">请输入狗的年龄：</label>
<input type="number" id="dogAge">
<button onclick="calculateDogAge()">计算</button>
<p id="result"></p>
</body>
</html>这个程序包含一个输入框用于输入狗的年龄，一个按钮用于触发计算，以及一个用于显示结果的段落。
在JavaScript代码中，我们使用getElementById方法获取输入框中的值，并将其转换为整数类型。然后，根据狗的年龄计算相应的人类年龄，并将结果显示在页面上。
这只是一个简单的示例，你可以根据自己的需求进行扩展和改进。
希望这个答案能帮助到你！如果你有任何其他问题，欢迎继续提问。
相关·内容
6回答
单击“提交”按钮后，希望将h1更改为输入框中的文本用户输入。
javascript、jquery、html
我是一个完全的新手，我不知道我的代码出了什么问题。如果用户将狗输入到输入框中，我希望"Hello“更改为”我爱狗“，或者将"Hello”更改为“为什么不是Dogs？”如果他们不把狗放进输入框。
当用户输入文本，然后单击submit，我将运行if语句来查看它是否是狗狗。然后，我想用一个不同的h1替换h1。
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<script src=
浏览 4提问于2014-06-22得票数 2
回答已采纳
1回答
我在代码中使用了多个If，其中一个不能工作。有人能告诉我我哪里做错了吗？
javascript、html
我需要让那些"If's“下面一起工作(”如果“输入值小于1900，我需要消息显示”请输入一个有效的年份“和”如果“狗的年龄高于14岁，我需要在第三个sentance上显示”您的狗完成了它的生命周期“消息。然而，它们只起作用，有时起作用。但不是一起工作。有人能告诉我我哪里做错了吗？谢谢。
function calc() {
let x = document.getElementById("year").value
let current = new Date().getFullYear()
let age = current - Num
浏览 2提问于2022-09-21得票数 0
回答已采纳
1回答
Javascript帮助学生了解函数中的IF语句
javascript
我正在尝试制作一个带有按钮的输入框，以检查用户的输入年龄是否大于18岁，输入年龄不必精确，因为我只是想知道如何做到这一点。
我相信我使用if语句来检查输入值是否大于我选择的值。
有谁能帮我吗?我迷茫了，不知道我是否能把if语句放在我创建的函数中，或者创建一个新的语句。
谢谢您的光临，希望以后我能对社区有所贡献。
<!DOCTYPE html>
<html>
<head>
<title>Java Test</title>
</head>
<body>
<h1>Enter Your Bi
浏览 3提问于2017-10-03得票数 0
回答已采纳
1回答
如何使用多个密码制作简单的密码页？
javascript、html、password-protection
我想要创建一个简单的页面，用户可以输入不同的密码，导致不同的页面。一个密码是“狗”，并导致一个狗的页面。一个密码是“猫”，并导致猫页面等。基本上多个密码来自一个密码字段。
到目前为止，我得到的是：
<!DOCTYPE html>
<html>
<head>
<title>Login page</title>
</head>
<body>
<form>
<label for="pswd">Enter your password: </label
浏览 6提问于2022-06-23得票数 -1
1回答
Javascript根据HTML输入日期类型计算年龄
javascript、html
我正在尝试使用Javascript计算年龄。应显示从HTML日期输入类型中选择他们的出生日期和他/她的年龄。Javascript如何使用HTML日期输入类型数据并计算年龄？
下面是HTML
<html>
<head>
<title> Sample Date of Birth Registration</title>
<script type="text/javascript" src="formiteration6.js"></script>
</head>
<body&
浏览 4提问于2014-03-16得票数 0
1回答
尝试创建一个狗计算，我做错了什么？
javascript、node.js、arrays、visual-studio
所以我是JS的新手，正在尝试创建一个基本的狗计算器来计算狗在人类年龄中的年龄。狗的1年=人类的7年。 我知道我已经很接近了，因为每当我在控制台中运行它时，我都会得到“你的狗在狗的年份里是NaN岁！！”。 下面是我的代码： Dog Age:<input type="number" id="dogage">
<button onclick="calculateDogAge()"></button>
<h2 id= "humanyears"></h2>
functi
浏览 24提问于2020-12-10得票数 0
2回答
javascript -将一个值从文本输入框传递给一个变量，以便在获取API中使用
javascript、html、forms
我有一个带有按钮的输入框。当我输入一个输入时，我希望这个输入被传递给一个名为'town‘的变量，我可以在我的fetch API调用中使用这个变量。当我尝试这样做时，它说变量是未定义的。为了进行测试，如果我将变量' town‘定义为'garstang’，例如var town=‘garstang’，就可以使Fetch API工作；
但我想让‘城镇’从我的输入框，即'inputVal‘的结果得到它的输入。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head&g
浏览 2提问于2020-10-01得票数 0
回答已采纳
3回答
如何在html中输入索引值时显示数组项
javascript、html、arrays
我创建了javascript函数，以便在输入框中输入索引值时显示数组项，但它不起作用，但我希望通过not循环来实现。
<html>
<head>
<title>ForLoop</title>
</head>
<body>
<input id="answer"/><br/><br/>
<button id="btn">Generate</button><br/><br/>
<h1 id="ans&
浏览 3提问于2016-06-23得票数 0
回答已采纳
2回答
为什么innerHTML不能设置id = 'result‘字段的值来表示兴趣..？
javascript、html、innerhtml、web-developer-toolbar
[我无法获得获得简单interest....here的期望输出，innerhtml没有响应设置id =‘field......here’的值，我已经发布了代码部分。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Document</title>
&l
浏览 15提问于2022-03-09得票数 -1
回答已采纳
1回答
减少javascript中的输入数
javascript、html、input
我刚开始学习javascript。我开发了一个输入框，用户输入一个数字。所以程序会减少到零。我的问题在这里；我输入一个数字并在输出中显示相同的数字，但是显示一个递减的数字。我的JS代码：
function test() {
var MyInput = parseInt(document.getElementById('HoursOfWork').value);
var Exp_MyInput = document.getElementById('output01').innerHTML = "Number: " + MyInput;
浏览 0提问于2018-09-11得票数 0
回答已采纳
2回答
如何让我的游戏工作？ELI5
javascript、html
我正在尝试制作一个游戏，它根据用户在输入框中输入的数字显示一系列图像。我想让它从我的图像数组中显示一个随机图像，无论用户设置多少次来显示它。
这是我的JavaScript：
var numLeaves = 0;
var numSeq = ["1.jpg","2.png","3.jpg","4.jpg","5.png","6.jpg","7.jpg","8.jpg","9.jpg","0.jpg"];
function startGam
浏览 0提问于2015-03-12得票数 1
2回答
我不知道如何将用户的输入附加到Javascript中的数组中
javascript、html、arrays、input、user-input
我正在执行一项任务，在该任务中，我需要创建javascript代码，以允许用户输入某些内容并将其附加到数组中。这是HTML：
<html lang="en">
<head>
<title>Magic 8 Ball!</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="vi
浏览 0提问于2020-03-09得票数 3
回答已采纳
1回答
使用HTML中的提交按钮返回信息
javascript、html、angularjs、forms
我正在开发一个web应用程序，它要求用户输入并根据他们的选择返回信息。我有两个复选框，要求输入国家和州。当满足这两个条件时，submit按钮应根据国家/地区和州返回信息。
我的问题是，如何让submit按钮接受输入的信息，并将其转换为下一页上的数据(结果)？我有一台search.html和一台search_results.html。我需要search.html吗?或者我可以根据输入的信息从selectCountry.html转到search_results.html吗？
我使用的是HTML、angularJs和Javascript。为了更好地理解我的问题，我的链接是，提交按钮还没有做任何事情。
浏览 1提问于2016-03-05得票数 0
2回答
jquery加载简单数据
javascript、jquery、html
我使用jquery加载程序中存储在'result.html‘page.The correct.But中的html内容，当我单击按钮时，内容不是loaded.Here是"main.html“文件：
<html>
<head>
<title>the title</title>
<script type="text/javascript" src="jquery/jquery-1.11.0.min.js"></script>
<script type="text/ja
浏览 1提问于2014-03-25得票数 0
回答已采纳
1回答
按下提交时，将数据从HTML页面1传输到HTML页面2
javascript、html、css、database、forms
我不知道如何将数据从一个页面传输到另一个页面，在输入后按submit键
页面1================================
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>page 1</title>
</head>
<body>
<form action="page2.html">
浏览 1提问于2022-12-01得票数 0
2回答
Javascript:当变量由用户输入分配时崩溃
javascript、loops、crash、user-input
如果我将用户的输入分配给变量“手指”，我似乎无法理解为什么会持续崩溃。我已经通过警报测试了代码的每个部分，一切似乎都正常。我还发现，如果我给脚本中的变量分配了一个数字，它就会工作得很好。
我认为可能是输入值被读取为字符串，因此在比较时永远不会等于一个数字，并且使脚本进入一个无限循环。因此，我将输入框指定为类型:number，它仍然会崩溃。
有人在想吗？
<html>
<head>
<title> How Many Fingers - Computer Guesser </title>
&l
浏览 6提问于2016-04-14得票数 0
回答已采纳
6回答
为什么我不能从输入框中得到输入？
javascript、html、input
我已经做了下面的代码从输入框中获取输入。但是，它不能得到输入？为什么？
var p = document.getElementById("paragraph");
var input = document.getElementById("input").value;
var foodname;
function changeP() {
alert(input);
if (input === "abc") {
foodname = "Hey Yo!";
} else if (input === "d
浏览 1提问于2019-03-28得票数 0
回答已采纳
2回答
如何将上传的图片添加到对象数组中？
javascript、arrays、image
我正在创建一个相册网站，只是为了学习Javascript。我有输入框来添加专辑的标题、艺术家和年份。当按下“添加相册”时，它会将此信息插入到一个名为albumList的对象上的数组中，然后在列表元素中显示该信息。我想知道是否有可能允许用户上传图像，该图像也被推入数组并与标题、艺术家和年份一起显示。
我试了我能想到的所有方法，用谷歌搜索了一整天，但就是没找到。这有可能吗？这是我目前的JS，我已经删除了我试图上传图片的所有操作，可以说，这是一个清白的记录：
var albumList = {
albums: [],
addAlbum: function(title, artist,
浏览 0提问于2019-11-11得票数 2
3回答
HTML从textarea获取输入并将其传递给我的Javascript函数
javascript、jquery、html
我想从文本区域获取用户输入，然后用下面的代码将其传递给Javascript函数，但无法使其工作。有人能帮我吗？
<!DOCTYPE html>
<head>
<title>Testing</title>
<script type="text/javascript">
function MyFunc(UserCode.value) {
var syntax = esprima.parse(UserCode.value);
document.getElementBy
浏览 1提问于2014-03-09得票数 2
回答已采纳
2回答
为什么我的JS代码不将消息显示到HTML页面？
javascript、html、loops、dom
谢谢你看我的问题！
我是一个Javascript新手，我正在学习如何从HTML表单中检索用户输入值，我不知道为什么我的消息没有显示在页面上。当我在浏览器中运行代码时，错误控制台告诉我，.js文件的第16行出现了问题，其中.firstChild.nodeValue返回null。在哪里可以解决继承和从表单中接收值的问题？
顺便说一句，我对保持firstChild.nodeValue方法而不是.innerHTML方法感兴趣。:)
下面是我的HTML文件中的代码：
<!DOCTYPE html>
<html lang="en">
<head>
浏览 1提问于2015-01-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
