<!DOCTYPE html>
<html>
<head>
<style>
body {
}
#review {
font-size: 60px;
}
#added {
font-size: 60px;
}
</style>
</head>
<body>
<input type="text" id="myText">
<button class="firstone" onclick="google()">Student Record</button>
<button class="secondone" onclick="addthis()">Add Student</button>
<p id="review"><p>
<p id="added"><p>
<script type="text/javascript">
var superfile = [];
function lengthfill(val){
return val.length>4;
}
function numfill(give){
return !isNaN(give);
}
function google(){
var str = document.getElementById("myText").value;
var arr = str.split("/");
arr = arr.filter(lengthfill);
arr = arr.filter(numfill);
var junk = "Caution: This Student Will Rate You Low, lol :)";
var funk = "Hoorah! Good To Go With This Student :)";
if (str.includes("/") && arr.length==0){
document.getElementById("review").innerHTML = "Sorry! This is Not a Valid URL :)";
}
else if (superfile.length==0){
document.getElementById("review").innerHTML = "Yay! No Record Found :)";
}
else if (superfile.includes(arr[0])){
document.getElementById("review").innerHTML = junk;
}
else {
document.getElementById("review").innerHTML = funk;
}
}
function addthis(){
var str = document.getElementById("myText").value;
var arra = str.split("/");
arra = arra.filter(lengthfill);
arra = arra.filter(numfill);
var funky = "Wow! Student Already Black-Listed :)";
var junky = "Boom! Student Black-Listed :)";
if (superfile.includes(arra[0]) && arra.length!==0){
document.getElementById("review").innerHTML=funky;
}
else if (str.includes("/") && arra.length!==0) {
document.getElementById("review").innerHTML=junky;
superfile.push(arra[0]);
}
else {
document.getElementById("review").innerHTML="Sorry! This is Not a Valid URL :)";
}
}
</script>
</body>
</html>
我想要做的是输入一个 url 并提取 url 的特定部分。然后,如果满足某个条件,则将提取的部分推送到位于 js 代码开头的 superfile 数组中。push 数组的条件位于 js 代码末尾的最后一个 else if 语句中。
我的目标是在点击添加学生按钮后将值永久存储在超级文件数组中。我现在面临的唯一问题是,每当我刷新页面时,超文件数组从头开始,即空。
谢谢!
正如我在评论中所说,刷新页面时重置变量是正常行为,您无法避免这种情况。
或者您使用数据库来存储值,然后将值分配给变量或者您可以存储到 localstorage,将您的数组转换为 JSON 对象。
单击添加学生按钮(在要添加的函数内)后,调用它以存储在 localStorage 中:
localStorage.setItem('ItemName', JSON.stringify(superfile));
当你想从已经存储的对象加载或设置 superfile 的值时,你可以使用:
var superfileJson = localStorage.getItem('ItemName');
这将返回一个 JSON 对象,要将其用作普通数组,请执行 JSON.parse(superfileJson)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句