html源码蔡,index.html

换一个

.wrap{

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

height: 100%;

text-align: center;

box-sizing: border-box;

}

.names{

padding: 10px 0;

width: 200px;

cursor: pointer;

background-color: orange;

color: #fff;

box-sizing: border-box;

margin-bottom: 20px;

}

.change-name{

border: 1px solid #eee;

min-height: 50px;

line-height: 50px;

width: 200px;

color: orange;

box-sizing: border-box;

}

const str = `钟育芳、钟建妍、钟刚晓、钟粮碧,,,钟娥菲、钟廷颐、钟瑜艺、钟廉晓,,,钟菁琳、钟永丽、钟泽莹、钟欣洁,,,钟晴瑶、钟忻瑶、钟善颖、钟司娜,,,钟宜然、钟傲易、钟银河、钟珑玲,,,钟梅霏、钟雨君、钟柔玫、钟君迎,,,钟华黛、钟馥娜、钟梦妍、钟樱华,,,钟睿莲、钟菡桐、钟慕彦、钟亦玉,,,钟赞雯、钟新贞、钟聪萱、钟彦芳,,,钟务羡、钟幸莲、钟烽茗、钟务菏,,,钟碧同、钟节肖、钟芳雁、钟半媛,,,钟茜香、钟晨香、钟冠勤、钟瑾莺,,,钟约秀、钟朗若、钟飘芳、钟馨春,,,钟待宜、钟巾华、钟娟倩、钟涧颜,,,钟幅叶、钟玉晓、钟迈迎、钟自露,,,钟良贞、钟丽娟、钟珍满、钟学若,,,钟若枫、钟友容、钟心诺、钟初珍,,,钟贤娜、钟厚芳、钟圣怡、钟静雪,,,钟倩涵、钟悦宁、钟阳兰、钟悦宜,,,钟燕妮、钟闲丽、钟叶丰、钟琰琬,,,钟奕婷、钟莉荣、钟文琳、钟斯瑶,,,钟焕芳、钟星妍、钟善婷、钟筱瑶,,,钟婧琳、钟婉倩、钟泽玉、钟娜红,,,钟含云、钟寄翠、钟幼菱、钟香天,,,钟儒媛、钟细贤、钟晓惠、钟玉月,,,钟阳贞、钟美丽、钟爽霄、钟摇薇,,,钟熙华、钟贞敏、钟学笑、钟珑霏,,,钟碧尚、钟明璐、钟华玫、钟纪丹,,,钟桥婷、钟永静、钟玟满、钟遥丽,,,钟骏静、钟婷园、钟相满、钟静润,,,钟静云、钟夏容、钟以晴、钟访烟,,,钟姗姗、钟念真、钟暖暖、钟惜香,,,钟一瑶、钟珂瑶、钟希怡、钟施娜,,,钟广蓓、钟萌妮、钟笑爽、钟鹄欣,,,钟知苑、钟巧然、钟协巧、钟常婉,,,钟以彤、钟以筠、钟冉冉、钟青易,,,钟陶然、钟兰芳、钟寻芹、钟如柏,,,钟娅淇、钟颖娟、钟馥丽、钟婧冉,,,钟馥熙、钟承玉、钟碧缦、钟春柏,,,钟莹倩、钟亦美、钟君婕、钟沛琪,,,钟丽君、钟盼薏、钟起淑、钟枝玫,,,钟海燕、钟倩然、钟浚莹、钟佳雪,,,钟郁英、钟依妍、钟瑶瑶、钟艾雪,,,钟柳思、钟芳蔼、钟替春、钟群瑄,,,钟醒雪、钟友偌、钟立霏、钟婕芳,,,钟蝶凝、钟怡蝶、钟婷琦、钟竹涵,,,钟菱童、钟辰怡、钟熙玉、钟沐桐,,,钟沐欣、钟昕晓、钟嘉恬、钟晓枝,,,钟怡玥、钟妍菁、钟蕊华、钟清羽`;

const arr = str.replace(/、/g, ',').replace(/,+/g, ',').split(/,/);

console.log(arr);

const name = document.querySelector('.change-name');

document.querySelector('.names').addEventListener('click', function () {

name.innerHTML = arr[Math.floor(Math.random() * arr.length)]

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史