Javascript I';m当前正在尝试在任务添加到数组后清除输入字段
我当前正在尝试在任务添加到数组后清除输入字段。我知道这很简单,但就我个人而言,我似乎无法找到解决办法。任何帮助都将不胜感激。谢谢 这是我的密码: HTML:Javascript I';m当前正在尝试在任务添加到数组后清除输入字段,javascript,input-field,Javascript,Input Field,我当前正在尝试在任务添加到数组后清除输入字段。我知道这很简单,但就我个人而言,我似乎无法找到解决办法。任何帮助都将不胜感激。谢谢 这是我的密码: HTML: var tasks = []; function addTask() { 'use strict'; var task = document.getElementById('task'); var output = document.getElementById('output'); var message = '';
var tasks = [];
function addTask() {
'use strict';
var task = document.getElementById('task');
var output = document.getElementById('output');
var message = '';
if (task.value) {
tasks.push(task.value);
message = '<h2>To-Do</h2>';
message += '<ol><li>';
message += tasks.join('</li><li>');
message += '</li></ol>';
output.innerHTML = message;
}
return false;
}
function init() {
'use strict';
document.getElementById('theForm').onsubmit = addTask
frm.submit();
frm.reset();
return false;
}
window.onload = init;
var tasks = [];
function addTask() {
'use strict';
var task = document.getElementById('task');
var output = document.getElementById('output');
var message = '';
if (task.value) {
tasks.push(task.value);
message = '<h2>To-Do</h2>';
message += '<ol><li>';
message += tasks.join('</li><li>');
message += '</li></ol>';
task.value='';
output.innerHTML = message;
}
return false;
}
function init() {
'use strict';
document.getElementById('theForm').onsubmit = addTask
frm.submit();
frm.reset();
return false;
}
window.onload = init;
输入要完成的项目
任务
JavaScript:
var tasks = [];
function addTask() {
'use strict';
var task = document.getElementById('task');
var output = document.getElementById('output');
var message = '';
if (task.value) {
tasks.push(task.value);
message = '<h2>To-Do</h2>';
message += '<ol><li>';
message += tasks.join('</li><li>');
message += '</li></ol>';
output.innerHTML = message;
}
return false;
}
function init() {
'use strict';
document.getElementById('theForm').onsubmit = addTask
frm.submit();
frm.reset();
return false;
}
window.onload = init;
var tasks = [];
function addTask() {
'use strict';
var task = document.getElementById('task');
var output = document.getElementById('output');
var message = '';
if (task.value) {
tasks.push(task.value);
message = '<h2>To-Do</h2>';
message += '<ol><li>';
message += tasks.join('</li><li>');
message += '</li></ol>';
task.value='';
output.innerHTML = message;
}
return false;
}
function init() {
'use strict';
document.getElementById('theForm').onsubmit = addTask
frm.submit();
frm.reset();
return false;
}
window.onload = init;
var tasks=[];
函数addTask(){
"严格使用",;
var task=document.getElementById('task');
var output=document.getElementById('output');
var消息=“”;
if(task.value){
tasks.push(task.value);
消息='要做';
消息+=“”;
message+=tasks.join(“ ”);
消息+=' ';
output.innerHTML=消息;
}
返回false;
}
函数init(){
"严格使用",;
document.getElementById('theForm')。onsubmit=addTask
frm.submit();
frm.reset();
返回false;
}
window.onload=init;
只需通过添加task来清除task字段的值。value=''
这是完整的工作代码
HTML
<form action="#" method="post" id="theForm">
<fieldset><legend>Enter an Item To Be Done</legend>
<div>
<label for="task">Task</label>
<input type="text" name="task" id="task" required>
</div>
<div>
<input type="submit" value="Add It!" id="submit" value="reset form">
</div>
<div id="output"></div>
</fieldset>
</form>
</body>
</html>
输入要完成的项目
任务
JavaScript:
var tasks = [];
function addTask() {
'use strict';
var task = document.getElementById('task');
var output = document.getElementById('output');
var message = '';
if (task.value) {
tasks.push(task.value);
message = '<h2>To-Do</h2>';
message += '<ol><li>';
message += tasks.join('</li><li>');
message += '</li></ol>';
output.innerHTML = message;
}
return false;
}
function init() {
'use strict';
document.getElementById('theForm').onsubmit = addTask
frm.submit();
frm.reset();
return false;
}
window.onload = init;
var tasks = [];
function addTask() {
'use strict';
var task = document.getElementById('task');
var output = document.getElementById('output');
var message = '';
if (task.value) {
tasks.push(task.value);
message = '<h2>To-Do</h2>';
message += '<ol><li>';
message += tasks.join('</li><li>');
message += '</li></ol>';
task.value='';
output.innerHTML = message;
}
return false;
}
function init() {
'use strict';
document.getElementById('theForm').onsubmit = addTask
frm.submit();
frm.reset();
return false;
}
window.onload = init;
var tasks=[];
函数addTask(){
"严格使用",;
var task=document.getElementById('task');
var output=document.getElementById('output');
var消息=“”;
if(task.value){
tasks.push(task.value);
消息='要做';
消息+=“”;
message+=tasks.join(“ ”);
消息+=' ';
task.value='';
output.innerHTML=消息;
}
返回false;
}
函数init(){
"严格使用",;
document.getElementById('theForm')。onsubmit=addTask
frm.submit();
frm.reset();
返回false;
}
window.onload=init;
对我来说,看起来您只需要添加一个字符串
output.innerHTML = message;
task.value = '';
是的!那真是一种享受。正如您可能知道的,我只是刚刚开始使用javascript。谢谢你!