JS实现填空题

熙冰

于 2021-08-27 18:51:24 发布

阅读量1.5k

点赞数

分类专栏： Js Vue 文章标签： javascript 正则表达式

本文链接：https://blog.csdn.net/melodystars/article/details/119959048

版权

本文详细介绍了如何利用JavaScript编程语言和正则表达式来设计和实现填空题。通过实例代码，展示了如何处理文本中的空白部分，生成带有提示信息的填空题，以及验证用户输入是否正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
    <div class='fillIn'>
        <div v-for="(item, index) in list" :key="index" style="display: inline-block">
          <el-input v-if="item.type===1" type="text" v-model="item.value"/>
          <span v-else>{
  {item.text}}</span>
        </div>
        <el-button @click="handleSubmit" type="primary">提交</el-button>
    </div>
</template>

<script>
export default {
  name: 'fillIn',
  data () {
    return {
      list: []
    }
  },
  created () {
    // 四个及以上连续_为一个输入框
    const array = '填空题一____，填空题二________，填空题三____'.split(/(\_{4,})/).filter(item => {
      return item !== ''
    })
    let list = []
    array.map(item => {
      if (/_{4,}/.test(item)) { // 输入框
        list.push({
          typ

最低0.47元/天解锁文章