首页 > 解决方案 > 如何创建一个 javascript 函数,将用户输入的输入值组合起来并将它们放在一个短语中?

问题描述

我正在尝试创建一个简历生成器项目来学习 javascript。我如何创建一个结合用户输入值的函数,并在一个短语中输出它们,像这样

<form>
    <input type:"text" id:"position">
    <input type:"text" id:"startdate">
    <input type:"date" id:"enddate">
</form>

并得到这个结果:

  • startdateenddate开始担任职位

如果用户愿意,可以动态添加新的字段集,这将在新的短语中以相同的方式显示,只是使用新的输入

标签: javascripthtml

解决方案


首先,你的问题不清楚。你试过什么?你想达到什么目的?这里有一个简单的例子来帮助你入门。只需获取每个字段的值,并将该值组合成一个字符串。

function combineText() {
  var position = document.getElementById('position').value;
  var startDate = document.getElementById('startDate').value;
  var endDate = document.getElementById('endDate').value;

  var text = "started working as a "+position+" from "+startDate+" to "+endDate+".";

  document.getElementById('output').innerHTML = text;
}

带有事件侦听器和表单的工作jsfiddle示例。


推荐阅读