个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我是编程新手，目前正在学习 JavaScript。我正在尝试使用薪资计算器测试我到目前为止学到的知识，但我的代码无法正常工作。我创建了一个函数，当用户单击按钮时将调用该函数；如果我在同一个 HTML 文件中添加该函数，它就可以正常工作。当该函数在我的外部 javascript 文件中时，该函数不起作用。我单击查看页面源代码以确认外部 javascript 文件已加载并且确实已加载。
HTML 代码
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Payroll Calculator</title>
<meta name="viewport" contect="width=devide-width, user- scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/myStyle.css">
</head>
<body>
<header>
<div class="container">
<div class="col-xs-12">
<h1>Payroll Calculator</h1>
</div>
</div>
</header>
<div class="container">
<section class="main row">
<article class="col-xs-12 col-sm-6 col-md-6">
<h3>Employee</h3>
<div class="input-group">
<span class="input-group-addon" id="firstName">First Name</span>
<input type="text" class="form-control" placeholder="First Name" aria-describedby="basic-addon1">
</div>
<br>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">Last Name</span>
<input type="text" class="form-control" placeholder="Last Name" aria-describedby="basic-addon1">
</div>
<br>
<div class="input-group">
<span class="input-group-addon" id="rate-type">Rate Type </span>
 <input type="radio" name="optradio">Hourly
<input type="radio" name="optradio">Salary
</div>
<br>
<div class="input-group">
<span class="input-group-addon">Rate Amount</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-addon">.00</span>
</div>
<br>
<label id="EnterHours" onclick="enterHours()">Enter Hours</label>
<br>
<p id="hours"></p>
<br>
<label id="EnterEarnings">Enter Earnings</label>
<br>
<p id="earnings"></p>
<br>
<button type="button" class="btn btn-default" onclick="enterHours()">Calculate</button>
<button type="button" class="btn btn-default">Cancel</button>
</article>
<aside class="col-xs-12 col-sm-6 col-md-6">
<h3 class="sidebar">Results</h3>
</aside>
</section>
</div>
<footer>
<div class="container" >
<h3>Andres Quintero</h3>
<p id="demo"></p>
</div>
</footer>
<script src="js/app2.js"></script>
</body>
Javascript 代码
$(document).ready(function(){
function enterHours(){
document.getElementById("hours").innerHTML = "This is a test";
}
}
最佳答案
该函数定义在 jQuery 的范围内；因此，无法从全局范围访问。将其移至全局范围；不要使用任何包装器
function enterHours(){
document.getElementById("hours").innerHTML = "This is a test";
}
进一步阅读 How do JavaScript closures work?
这是一个如何工作的例子
在 jQuery 范围内定义函数。这将引发错误:
Uncaught ReferenceError: fn is not defined
$(document).ready(function(){
function fn(){
console.log('Clicked!');
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<button onclick="fn();">Check for fn</button>function fn(){
console.log('Clicked!');
}<button onclick="fn();">Check for fn</button>关于来自外部文件的 Javascript 函数不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41069190/
25
4
0
如何指示 webpack 排除所有 d3 模块？ // does not work externals: { "d3-*": "d3" } 所以如果应用导入了d3-submod
这个问题在这里已经有了答案: 9年前关闭。 Possible Duplicate: What does “outer =>” really mean? 我在哪里可以找到有关信息 trait After
这是一个简单的循环，我正在尝试对性能进行基准测试。 var extremeLoop=function(n){ var time=new Date() var t=0; for(
问题+概述 下面是两个片段，其中包含最初隐藏的 div，然后通过单击 button 和 jQuery 的 .show() 显示。两个 div 都具有由外部样式表应用的 display: grid; 样
我有一个 HTML 页面和一个单独的 .js 文件，该文件包含在带有 的页面中标签。 这是我的 .js 文件: element = document.getElementById("test");
我在 linux 静态库项目中有 3 个文件，我想在两个类方法实现文件中使用的静态字段存在链接问题。我有 class1.h、class1main.cpp 和 class1utils.cpp。 clas
我正在尝试将颜色背景更改为默认背景颜色，当我点击输入框外 我尝试使用“null”或“none”但没有用？ window.addEventListener('click', outsideClick);
我正在编写一个应用程序，要求用户在手机上选择各种类型的文件。我使用此代码启动文件选择器 Intent : Intent intent = new Intent(Intent.ACTION_GET_C
在 android 中，不可移动(内部)的外部存储和内部存储有什么区别？我不确定在哪里保存我的数据。我只需要保存一个人可以随时提取的游戏统计数据 谢谢 最佳答案 在许多较新的设备中，将不再有物理区别，
在 C++ 中，假设我们有这个头文件: myglobals.h #ifndef my_globals_h #define my_globals_h int monthsInYear = 12; #en
我正在尝试使用 externs 在 C++ 中连接到 Ada。这两种实现有什么区别？ 实现A namespace Ada { extern "C" { int getN
这个问题在这里已经有了答案: Get selected element's outer HTML (30 个答案) 关闭 2 年前。 想象一下我们有这样的东西: Hello World 如果我们这样
假设我在模块的顶部有这个: Public Declare Function getCustomerDetails Lib "CustomerFunctions" () As Long 如果我从 VB6
我目前正在使用这段代码: var wordRandomizer = { run: function (targetElem) { var markup = this.creat
我们正在使用 SVN 试水，并以 Beanstalk 作为主机。我们的设置如下所示: 存储库:模块 模块一 模块二 模块 3 存储库:网站1 自定义网站代码 svn:对模块 1 的外部引用 svn:对
有没有办法在负载均衡器中设置自动外部 IP 分配给像谷歌这样的服务？ 我在裸机上运行 Kubernetes。 谢谢 最佳答案 使用 nodePort 类型的服务，它会将您的服务绑定(bind)到所有节
是否有可能在 Controller 之外使用 generateUrl() 方法？ 我尝试在带有 $this->get('router') 的自定义存储库类中使用它，但它没有用。 更新 我在这里找到了一
我目前正在尝试通过 Webpack 外部对象外部化 Angular 依赖项来缩短构建时间。到目前为止，我已经为 React 和其他小库实现了这一目标。 如果我只是移动 '@angular/compil
我想创建一个自动应用其他插件的插件(外部插件)。这要求在我称为“应用插件”之前为插件设置构建脚本依赖项。但是似乎我无法在插件中添加buildscript依赖项，或者得到了: 您不能更改处于未解析状态的
我是R包的创建者EnvStats . 有一个我经常使用的函数，叫做 stripChart .我刚开始学习ggplot2 ，并在过去几天里仔细研究了 Hadley 的书、Winston 的书、Stack
我是一名优秀的程序员,十分优秀！