个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我需要寻求帮助来解决两个问题。
document.getElementById.value 保存在 let 中，无法与保存在不同 let< 中的 。我看到了一些类似的帖子，但它们并没有帮助我。innerHTML 一起使用
当我需要通过 typeof 检查数字时出现问题，它只是运行，因为 JS 没有看到它。
这是我的代码。感谢您的建议和帮助。
function wage() {
let input = document.getElementById('annualInput').value;
let output = document.getElementById('resultMonthly').innerHTML;
// it doesn't work, but it works with pure document.getElementById('result').innerHTML = input;
output = input;
/*
if (input !== '') {
// this if doesn't work even with string and number
if (typeof input == 'number')
document.getElementById('result').innerHTML = input;
} else {
document.getElementById('result').innerHTML = 'Please, type your annual wage';
}
*/
// annual wage devided by 12 months
let resultMonthly = input / 12;
let showMonthly = 'Your monthly wage: ' + resultMonthly.toFixed(2);
// monthly wage devided by 20 days
let resultDaily = resultMonthly / 20;
let showDaily = 'Your daily wage: ' + resultDaily.toFixed(2);
// daily wage devided by 8 hours
let resultHourly = resultDaily / 8;
let showHourly = 'Your hourly wage: ' + resultHourly.toFixed(2);
if (input !== '') {
document.getElementById('resultMonthly').innerHTML = showMonthly + ' $';
document.getElementById('resultDaily').innerHTML = showDaily + ' $';
document.getElementById('resultHourly').innerHTML = showHourly + ' $';
} else {
document.getElementById('resultMonthly').innerHTML = 'Please, type your annual wage';
}
}<!DOCTYPE html>
<html>
<head>
<title>Wage App</title>
<meta charset="utf-8">
<title>Issue App</title>
<link rel="stylesheet" type="text/css" href="wageup.css">
</head>
<body>
<div class="container">
<div class="jumbotron">
<!-- the title and desc -->
<h1 class="display-4 text-center">WageApp</h1>
<p class="h6 text-center" id="paragraphTitle">
This is a simple App for calculating wage by year, month, day and hour
</p>
<hr class="my-4">
<!-- input-form -->
<form>
<div class="form-group">
<label for="annualInput">Your annual wage</label>
<input type="annualData" class="form-control" id="annualInput" aria-describedby="hep" placeholder="Annual wage in $">
<small id="help" class="form-text text-muted">We'll never share your wage with anyone else.</small>
</div>
<button onclick="wage()" type="button" class="btn btn-primary btn-sm" id="checkButton">Check</button>
</form>
</div>
<div class="alert alert-success" role="alert" id="resultMonthly"></div>
<div class="alert alert-info" role="alert" id="resultDaily"></div>
<div class="alert alert-warning" role="alert" id="resultHourly"></div>
</div>
<!-- JS -->
<script type="text/javascript" src="wageUp.js">
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</body>
</html>最佳答案
问题 1:
output = input;
这不起作用，因为 output 没有引用该元素，而是存储该元素的innerHTML。
解决问题 1:
您的评论是一个很好的起点:
document.getElementById('result').innerHTML = input;
或者，您可以将元素存储到变量中，然后设置innerHTML:
var result = document.getElementById('result');
// later on
result.innerHTML = input;
问题 2:
if (typeof input == 'number')
这永远不会是真的，因为存储在元素的 value 属性中的值始终是字符串。
解决问题 2:
您可以通过多种方式检查输入是否是数字的字符串版本，其中一种方法是测试字符串是否不是 NaN:
if (!isNaN(input))
由于执行此检查的方法有很多，因此我会四处寻找适合您的用例的方法。
关于javascript - JS - typeof 不适用于输入 | document.getElementById 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46588585/
24
4
0
我有一个这样的宏: #include #include #define m_test_type(e) \ do {
我知道 JS 中的严格等于评估两件事:平等和相似 Object.is() 是我能找到的最接近的比较来收集更多的洞察力，它在我的调查中没有提供进一步的帮助。 谁能更好地理解 JS 的内部结构？数组是一个
我正在学习 JavaScript，我在代码中看到使用 typeof 和 typeof() 是一样的，例如: 两种情况下的结果都是数字: console.log(typeof 1); console.l
据我所知，检查 undefined variable 的首选方法是 typeof a === 'undefined'。 但为什么它比 typeof a == 'undefined' 更好？它会在哪些地
今天我在 Linux 内核中遇到了这个宏 (include/linux/kernel.h) #define DIV_ROUND_CLOSEST(x, divisor)( \ {
我收到错误 Type 'typeof Questions' is not assignable to type 'typeof Model'.同时在模型中添加了关系。 问题.model.ts impo
只是四处看看我通常掩盖的地方，然后注意到了这一点。 typeof('apple'); //"string" typeof 'apple'; //"string" 好的，首先，第二个示例是如何工作的？我
我正在尝试检查以下内容 typeof( ICollection<> ).GetTypeInfo().IsAssignableFrom( targetProperty.PropertyType.GetT
所以我明白 typeof 可以是一个运算符还是一个函数。但是当我这样做时 console.log(typeof(typeof)); 我收到了这条消息 未捕获的语法错误:意外的标记 ')' 那么我在这里
我正在使用 node/typescript 为 Discord 开发一个机器人。当我在我的源代码上运行 typescript 编译器时，我收到了这个错误: node_modules/@types/re
我有typeof(List)作为类型对象，但我需要 typeof(List<>)我可以从中使用 MakeGenericType()检索 List 的类型对象，是否可能？ 更新:伙计们，谢谢。这似乎是一
我是js的新手，正在努力学习js，你们能告诉我为什么typeof typeof x返回string，提供下面的代码片段，如果我理解这个简单的概念，它将对我有更多帮助: var x=null; cons
简短的例子: #include #include using namespace boost; template BOOST_TYPEOF_TPL(T() + U()) add2(const T&
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
检查 typeof 运算符结果的两个版本之间有什么区别(编译器/解释器/juju wise 等)吗？ 我问是因为我多次看到第一个版本，好像它遵循了一个概念，而第二个版本更具可读性并且更好地描述了我的意
这一定很简单，但我找不到解决方案。我有一个我想现在 undefined object 。如何将 typeof 更改为未定义？谢谢! 凯尔 最佳答案 你不能让对象本身undefined，但是你可以让引用
这两种说法有什么区别？ if (typeof errorMessage !== undefined) {} 和 if (typeof (errorMessage) !== undefined) {}
有一个简单的问题，我想我知道答案但我不想听来自其他一些人。 假设我将创建一个通用函数: public string GetTypeName() { } 它应该返回类型 T 的名称，这很简单: retu
正如标题所说的那样，typeof (Array, null) 返回 object 而 typeof(null, Array) 返回 函数。 它返回第二个参数的类型。 为什么？ 最佳答案 因为 type
这是一个令人尴尬的问题，但我觉得我在过去几个小时里尝试了一切。 我只想在我的属性中添加以下属性 #using #using ... using namespace System::Draw
我是一名优秀的程序员,十分优秀！