循环输出字符串魔板,动态字段

1.初版(功能实现)

names=[
    "吴*平(语文)",
    "张学*(语文)",
    "袁莹*(语文)",
    "宋丹*(语文)",
    "...",
    "廉*峰(会计)"
]
for (name of names)
    console.log(`${name}\n很满意\n满意\n基本满意\n不满意\n\n${name}师德不满意的原因[多选题]\nA歧视、侮辱、体罚或变相体罚学生;\nB组织、参与有偿补课,或推荐学生参加有偿补课;\nC举办或参与校外培训机构经营,到校外培训机构兼职任教;\nD索要学生及家长财物,擅自推荐教辅材料、社会保险等;\nE敷衍教学,教学能力差,让家长代为评改作业;\nF德育意识淡薄,班级管理或课堂管理混乱,造成恶劣影响;\nG不尊重家长,对待家长态度恶劣;\nH教师收受家长礼品礼金等财物\nI对该教师职业道德状况不满意的其他原因。\n\n`)

  • 字符串魔板:注意引号"...";注意格式 $
  • for内容循环 for( of )

功能再议:

感觉在新页面展示会更酷一些:

var text="";
names=[
    "吴*平(语文)",
    "张学*(语文)",
    "袁莹*(语文)",
    "宋丹*(语文)",
    "...",
    "廉*峰(会计)"
]
for (name of names)
    text+=`${name}\n很满意\n满意\n基本满意\n不满意\n\n${name}师德不满意的原因[多选题]\nA歧视、侮辱、体罚或变相体罚学生;\nB组织、参与有偿补课,或推荐学生参加有偿补课;\nC举办或参与校外培训机构经营,到校外培训机构兼职任教;\nD索要学生及家长财物,擅自推荐教辅材料、社会保险等;\nE敷衍教学,教学能力差,让家长代为评改作业;\nF德育意识淡薄,班级管理或课堂管理混乱,造成恶劣影响;\nG不尊重家长,对待家长态度恶劣;\nH教师收受家长礼品礼金等财物\nI对该教师职业道德状况不满意的其他原因。\n\n`;
  const newWindow = window.open();
  newWindow.document.open();
  newWindow.document.write('<pre>' + text + '</pre>');
  newWindow.document.close();

功能再议:

您还可以使用以下代码将长字符串以文本文件的形式在提示下载

function downloadTextFile(text) {
  const element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', 'textFile.txt');
  element.style.display = 'none';
  document.body.appendChild(element);
  element.click();
  document.body.removeChild(element);
}

const longString = "这是一个很长的字符串...";
downloadTextFile(longString);

这段代码定义了一个downloadTextFile函数,该函数接受一个字符串参数,并将其作为文本文件下载到新页面中。在调用downloadTextFile函数时,您可以将您的长字符串作为参数传递给它。请记得将长字符串替换为您自己的实际字符串。

2.改进版(展示、提示下载)

最后,即直观、又提示下载的方式:

var text="";
names=[
    "吴*平(语文)",
    "张学*(语文)",
    "袁莹*(语文)",
    "宋丹*(语文)",
    "...",
    "廉*峰(会计)"
]
for (name of names)
    text+=`${name}\n很满意\n满意\n基本满意\n不满意\n\n${name}师德不满意的原因[多选题]\nA歧视、侮辱、体罚或变相体罚学生;\nB组织、参与有偿补课,或推荐学生参加有偿补课;\nC举办或参与校外培训机构经营,到校外培训机构兼职任教;\nD索要学生及家长财物,擅自推荐教辅材料、社会保险等;\nE敷衍教学,教学能力差,让家长代为评改作业;\nF德育意识淡薄,班级管理或课堂管理混乱,造成恶劣影响;\nG不尊重家长,对待家长态度恶劣;\nH教师收受家长礼品礼金等财物\nI对该教师职业道德状况不满意的其他原因。\n\n`;
function downloadTextFileAndShow(text) {
  const newWindow = window.open();
  newWindow.document.open();
  newWindow.document.write('<pre>' + text + '</pre>');
  newWindow.document.close();

  const element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  element.setAttribute('download', 'textFile.txt');
  element.style.display = 'none';
  document.body.appendChild(element);
  element.click();
  document.body.removeChild(element);
}
downloadTextFileAndShow(text);

功能后记:

<!DOCTYPE html>  
<html>  
<head>  
 <title>请直接修改html魔板中js片段的“姓名数组”、“字符串魔板”部分,刷新即可,但浏览器会拦截新窗口、、、</title>  
</head>  
<body>  
 <h1>下一步改进后记</h1>  
 <p id="output">实现左上、左下两个文本框,定义迭代名单列表和字符串魔板,右侧自动展示对应单选方式的迭代结果</p>  
 <script>  
console.log("jsjs...")
</script>  
</body>  
</html>
posted @ 2023-04-02 17:23  Linux-top  阅读(21)  评论(0编辑  收藏  举报