- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
除了 JavaScript 函数clear() 无法正常工作之外,我的代码运行良好。我不确定如何让它发挥作用。当用户从文本框输入框中调用函数clear()时,应清除4个文本区域加1个div,并重置行计数器。带有行计数器的两个文本区域(counter1 和 counter2)是产生此问题的一次,因为其中涉及三个函数:increment()、parse() 和clear()。
简单地清除没有附加任何功能的文本框相当简单
document.getElementById('inputbox').value = "";
但在我的例子中,涉及另外两个函数increment()和parse(),它就变得复杂了。
下面的 JavaScript 代码 JavaS 加 HTML
// first row cursor position in textarea inputbox on page load
function setfocus() {
var input = document.getElementById('inputbox');
input.focus();
}
// counts the number of times the user push enter
function increment(a) {
increment.n = increment.n || 0;
return ++increment.n;
}
function parse(e) {
var key = window.event.keyCode;
if (key == 13) { //keycode for enter
var input = document.getElementById('inputbox');
var output = eval(input.value);
var cc = increment();
document.getElementById("count1").value += '\n' + eval(cc + 1);
document.getElementById("count2").value += cc + '\n';
var out = document.getElementById("outputbox").value
if (out == "" || out.length == 0 || out == null) {
document.getElementById("outputbox").value += output;
} else {
document.getElementById("outputbox").value += '\n' + output;
}
}
}
// clears the input and output boxes
function clear() {
event.preventDefault();
document.getElementById('count1').value = "1";
document.getElementById('count2').value = "";
document.getElementById('inputbox').value = "";
document.getElementById('mydiv').innerHTML = "";
document.getElementById('outputbox').value = "";
};
// an array with random numbers between -1 and 1
function rand(n) {
x = [];
for (var i = 0; i < n; i++) {
x[i] = Math.random() * 2 - 1;
}
console.log("x = " + x);
return x;
}
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="JavaS.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<meta charset="utf-8" />
<style>
.bb {
border: 1px solid black;
}
#count1 {
background-color: lightblue;
width: 20px;
height: 350px;
border: none;
font-size: 15px;
resize: none;
overflow: auto;
}
#inputbox {
background-color: lightblue;
width: 500px;
height: 350px;
border: none;
font-size: 15px;
resize: none;
overflow: auto;
}
#count2 {
background-color: pink;
width: 20px;
height: 350px;
border: none;
font-size: 15px;
resize: none;
overflow: auto;
}
#outputbox {
background-color: pink;
width: 500px;
height: 350px;
border: none;
font-size: 15px;
resize: none;
overflow: auto;
}
#mydiv {
background-color: lightgrey;
width: 1066px;
height: 380px;
}
</style>
</head>
<body>
<table class="bb" style="background-color: lightblue; display: inline-block;">
<tr>
<th colspan="2">User defined JavaScript function input</th>
</tr>
<tr>
<td><textarea id="count1" disabled>1 </textarea> </td>
<td><textarea id="inputbox" onkeypress="parse(event, this)"></textarea></td>
</tr>
</table>
<table class="bb" style="background-color: pink; display: inline-block;">
<tr>
<th colspan="2">Command output</th>
</tr>
<tr>
<td><textarea id="count2" disabled></textarea> </td>
<td><textarea id="outputbox"></textarea></td>
</tr>
</table>
<table class="bb" style="background-color: lightgrey;">
<tr>
<th colspan="4">Plot or help output </th>
</tr>
<tr>
<td colspan="4">
<div id="mydiv"> </div>
</tr>
</table>
<script> setfocus(); </script>
</body>
</html>
最佳答案
好吧,我自己解决了这个问题。
function parse(e) {
var key = window.event.keyCode;
if (key == 13) { //keycode for enter
var input = document.getElementById('inputbox');
var output = eval(input.value);
var cc = increment();
console.log("cc = " + cc);
var out = document.getElementById("outputbox").value ;
if (out == "" || out.length == 0 || out == null) {
document.getElementById("count1").value += eval(cc + 1) + '\n';
document.getElementById("count2").value = eval(cc);
document.getElementById("outputbox").value += output;
} else {
document.getElementById("count1").value += eval(cc + 1) + '\n';
document.getElementById("count2").value += '\n' + eval(cc);
document.getElementById("outputbox").value += '\n' + output;
}
}
if (cc == 0) { document.getElementById("count2").value = "" };
}
// clears the input and output boxes
function clear() {
event.preventDefault();
increment.n = -1;
document.getElementById('count1').value = "";
document.getElementById('count2').value = "";
document.getElementById('inputbox').value = "";
document.getElementById('outputbox').value = "";
document.getElementById('mydiv').innerHTML = "";
return "";
};
关于javascript - 使用行计数器函数increment()和函数parse()清除两个文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57745942/
我在leetcode上看到这段代码,是一道求众数的题,下面是题目描述: 给定一个大小为 n 的数组,找到多数元素。众数元素是出现次数超过 ⌊ n/2 ⌋ 次的元素。 你可以假设数组是非空的并且多数元素
每次在 JavaScript 中执行特定操作时,例如: $(function() { $('#typing').keyup(function () { switch($(this)
我一直在为网页设计一个计数器,但我一直被这个我无法解决的功能所困扰。 我有一个 4 个 div 的计数器,因为其中两个是小数字,另外两个是大数字,所以第一个运行得很快,我看不到它们的功能。 有人知道如
我已经在文档中进行了一些搜索,并在网上花了一段时间,但找不到解决方案!我希望警报告诉我单击 .thumb 时它处于each() 的哪一次迭代。 EG:有六个.thumb,我点击数字3,浏览器弹出3!
在 Handlebars 中,假设我有 names 的集合.我能怎么做 {{#each names}} {{position}} {{name}} {{/each}} 在哪里 {{position}}
这个问题在这里已经有了答案: Numbering rows within groups in a data frame (9 个回答) 4年前关闭。 我们如何在数据帧的每组中生成唯一的 ID 号?以下
我正在努力解决以下问题。我希望为给定的“一”序列创建一个计数器。例如,我有以下内容: 1 1 1 1 0 0 1 1 1 0 0 1 1 1 1 鉴于该序列,我希望为 1 的每个序列设置一个计数器直到
我正在努力解决以下问题。我希望为给定的“一”序列创建一个计数器。例如,我有以下内容: 1 1 1 1 0 0 1 1 1 0 0 1 1 1 1 鉴于该序列,我希望为 1 的每个序列设置一个计数器直到
我有一个jsfiddle here 这是一个简单的 JavaScript 函数,可以计算出设定的数字。 是否可以进行这种计数,但也保留一位小数 所以它算 1.1、1.2、1.3 等。 func
我正在构建一个计数器,当我按下鼠标时,它应该增加到 maxValue 并且减少不超过 0。我还可以选择将计数器重置为其初始值:0。另外,如果 maxValue 是偶数,它应该计数到该数字。但是,如果
所以我成功地为字母和单词构建了其他计数器,但现在我只能用这个来计算句子。我的代码如下,当我运行它时,它会返回很多错误消息: #include #include #include int main
Closed. This question is off-topic。它当前不接受答案。
我需要一个计数器,它会随着某些任务的完成而递增。我们只需要最后一小时的值,即窗口将移动而不是静态时间。 解决此问题的最佳方法是什么?我能想到的一种方法是拥有一个大小为 60 的数组,每分钟一个,并更新
我希望使用计数器来为我提供独特的引用系统。我想单击一个按钮,然后检查一个字段/文件中的最后一个数字,然后简单地向其添加 1,然后将其插入到屏幕上的字段中? 不确定执行此操作的最佳方法或具体如何执行此操
我有一个用 php 制作的表格,在该表格内我显示了数据库中的一些内容。我在每个 td 中创建了一个简单的按钮(类似于 Like),我希望每次点击它都会增加 1。这是带有按钮的行: echo "
如何将数据库中的值转换为可用于 if else 函数的 int 值? 例如:在我的数据库“armnumber = 3”中,如何在 if else 函数中使用它? 代码 string myConnect
我需要生成唯一的“ids”,问题是,它只能在 1 - 99999 之间。 “好”的是,它仅在与另一列组合时必须是唯一的。 我们有组,每个组都有自己的“group_id”,每个组都需要类似 unique
有这个简单的代码: UPDATE counter SET c= c +1 where id = 1; 并且它在开头的 c 字段中为 null 的情况下不起作用。它只有在已经输入了一些数字时才有效,也就
我正在尝试在 python 中构建一个具有闭包属性的计数器。以下工作中的代码: def generate_counter(): CNT = [0] def add_one():
我使用 CSS 来计算 HTML 文档中的部分: body {counter-reset: sect;} section:before { counter-increment: sect;
我是一名优秀的程序员,十分优秀!