12.5一个无聊的姓名生成

最新推荐文章于 2024-07-25 16:45:46 发布

代码-君

最新推荐文章于 2024-07-25 16:45:46 发布

阅读量574

点赞数

分类专栏： js基础教程随书笔记文章标签：数组

js基础教程随书笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = initAll;
function initAll(){
document.getElementById("sillySubmit").onclick = function(){
   document.getElementById("msgField").innerHTML = getSillyName();
}
};
function getSillyName(){
var firstName = [
"Aaron","Brown","adeline","andrea","bonnie","carina","christine","donna","eva","frieda","gloria",
"Aaron","Brown","adeline","andrea","bonnie","carina","christine","donna","eva","frieda","gloria",
"donna","eva","frieda","gloria"
];
var lastName1 = [
"miranda","pamela","ritamargaet","selina","stella","winnie","zoey","aimee","anastasia","beckyrebecca",
"miranda","pamela","ritamargaet","selina","stella","winnie","zoey","aimee","anastasia","beckyrebecca",
"zoey","aimee","anastasia","beckyrebecca"
];
var lastName2 = [
"cindycinderella","darcy","donna","emma","fiona","grace","ishara","janet","joan","kate",
"cindycinderella","darcy","donna","emma","fiona","grace",
"ishara","janet","joan","kate"
];

var firstNm = document.getElementById("fName").value.toUpperCase(); //获取id为fName元素value值转换为大写
var lastNm = document.getElementById("lName").value.toUpperCase(); //获取id为lName元素value值转换为大写
var validName = true; //初始化变量validName为true

if(firstNm == ""){ //如果id为fName元素value值为空
   validName = false; //validName赋值为false
}else{ //如果值不为空
   var firstNum = firstNm.charCodeAt(0) - 65; //返回指定位置字符的ASCII值字符范围A-Z 值范围65-90 值的范围再减去65 范围是0-25 firstNum被赋值为0-25
   if(firstNum <0 || firstNum > 25){ //如果firstNum值小于0或者大于25 已经超出A-Z字符范围
    validName = false; //validName赋值为false
   }
}

if(!validName){alert("a"); //如果vaildName取反为false
    document.getElementById("fName").focus(); // id为fName元素获得焦点
    document.getElementById("fName").select(); //id为fName元素文本被选中
    return "无效的名字";   //返回
}
if(lastNm ==""){//如果id为lName元素value值为空
   validName = false; //validName赋值为false
}else{ //如果不为空
   var lastNum1 = lastNm.charCodeAt(0) - 65;//返回指定位置字符的ASCII值字符范围A-Z 值范围65-90 值的范围再减去65 范围是0-25 lastNum1被赋值为0-25
   var lastNum2 = lastNm.charCodeAt((lastNm.length-1)) - 65 //id为lName元素value值的长度-1 值字符串最后一个字符的位置字符转为ASCII值字符范围A-Z 值范围65-90 值的范围再减去65 范围是0-25 lastNum2范围0-25
   if(lastNum1 <0 || lastNum1 > 25 || lastNum2 < 0 || lastNum2 > 25){
     var validName = false;
   }
}
if(!validName){ //如果vaildName取反为false
    document.getElementById("lName").focus(); // id为lName元素获得焦点
    document.getElementById("lName").select(); //id为lName元素文本被选中
    return "无效的名字";   //返回
}
return "你的名字是" + firstName[firstNum] + " " + lastName1[lastNum1] + lastName2[lastNum2];
};
/*firstNum id为fName元素内容第一个字符位置的字符的ASCII值减去65 0-25 如果输入的值的第一个字符是a ASCII值为0 firstNum为0 firstName[0] 数组第一个元素
                                                              如果输入的值的第一个字符是b ASCII值为1 firstNum为1 firstName[1] 数组第二个元素
lastNum1 id为lName元素内容第一个字符位置的字符的ASCII值减去65 0-25 如果输入的值的第一个字符是a ASCII值为0 lastNum1为0 lastName1[0] 数组第一个元素
                                                              如果输入的值的第一个字符是b ASCII值为1 lastNum1为1 lastName1[1] 数组第二个元素
lastName2 id为lName元素value值的长度-1 值字符串最后一个字符的ASCII值减去65 0-25
                                                              如果输入的值的第一个字符是c ASCII值为2 lastName2为2 lastName2[2] 数组第三个元素
                                                              如果输入的值的第一个字符是d ASCII值为3 lastName2为3 lastName2[3] 数组第四个元素
*/
</script>
</head>

<body>
<table border="1">
<tr>
   <td class="rtAlign">First Name:</td>
   <td><input type="text" id="fName" size="30"/></td>
</tr>
<tr>
   <td class="rtAlign">Last Name:</td>
   <td><input type="text" id="lName" size="30"/></td>
</tr>
<tr>
   <td> </td>
   <td><input type="submit" value="Submit" id="sillySubmit"/></td>
</tr>
</table>
<p id="msgField"> </p>
</body>
</html>