javascript - 如何创建一个 javascript 函数,将用户输入的输入值组合起来并将它们放在一个短语中?
问题描述
我正在尝试创建一个简历生成器项目来学习 javascript。我如何创建一个结合用户输入值的函数,并在一个短语中输出它们,像这样
<form>
<input type:"text" id:"position">
<input type:"text" id:"startdate">
<input type:"date" id:"enddate">
</form>
并得到这个结果:
- 从startdate到enddate开始担任职位
如果用户愿意,可以动态添加新的字段集,这将在新的短语中以相同的方式显示,只是使用新的输入
解决方案
首先,你的问题不清楚。你试过什么?你想达到什么目的?这里有一个简单的例子来帮助你入门。只需获取每个字段的值,并将该值组合成一个字符串。
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示例。
推荐阅读
- python - Pandas pivot_table 自定义 aggfunc
- c++-winrt - 无法安装 Microsoft.Toolkit.Uwp.UI.Controls 3.0.0
- c# - NPOI Excel / C# 需要公式以编程方式更改条件格式的背景
- docker - 通过 docker-compose 启动 spring 配置服务器时的 503 状态
- angular - 设置 withcredential = true 后未在请求标头中设置 Cookie
- angular - 在 Ionic 3 中动态选择单选按钮
- php - Laravel - 在发布时将帖子 ID 插入另一个表
- javascript - javascript 中类似 Rails 的自动加载 - 允许依赖于 webpack 中的根包
- java - JAVA如何检查一个字符串是否包含3次“/”
- mysql - Laravel 迁移:使用 storedAs()(生成的列)和 subtime() MySQL 函数