需要javascript数组方面的帮助吗

我正在开发基于javascript的功能，通过smiley显示用户情绪，为期7天。一天一个微笑

我在第1天通过javascript为用户1做了这件事。但这不是完成这项任务的好方法。因为这里我们有7天，根据文本字段中的输入值，它将显示smiley

不知何故，我觉得数组将是一个不错的选择。但是我不知道如何通过数组来完成这个任务

我想首先我必须调用数组中的7个笑脸背景，然后根据用户输入的值匹配它们。但问题在于user2和user3。我想我必须为user2和user3复制两次user1代码

任何人都可以提出一些好的解决方案

函数checkvalue（）
{
var iuser1=document.getElementById（“user1”）.value；
var iuser2=document.getElementById（“user2”）.value；
var iuser3=document.getElementById（“user3”）.value；
如果（iuser1==1）
{
document.getElementById（“c1day1”）.style.backgroundImage=“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/18_EmoticonsHDcom.png')";
}                    
否则如果（iuser1==2）
{
document.getElementById（“c1day1”）.style.backgroundImage=“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/53_EmoticonsHDcom.png')";                    
}
否则如果（iuser1==3）
{
document.getElementById（“c1day1”）.style.backgroundImage=“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/69_EmoticonsHDcom.png')";                    
}
否则如果（iuser1==4）
{
document.getElementById（“c1day1”）.style.backgroundImage=“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/42_EmoticonsHDcom.png')";                    
}
否则如果（iuser1==5）
{
document.getElementById（“c1day1”）.style.backgroundImage=“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/72_EmoticonsHDcom.png')";                    
}
否则如果（iuser1==6）
{
document.getElementById（“c1day1”）.style.backgroundImage=“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/26_EmoticonsHDcom.png')";                    
}
否则如果（iuser1==7）
{
document.getElementById（“c1day1”）.style.backgroundImage=“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/40_EmoticonsHDcom.png')";                    
}
}

input[type=“text”]{
显示：块；
宽度：100%；
边缘底部：10px；
}
.图标背景{
宽度：64px；
高度：64px；
显示：块；
背景位置：中心；
}

通过javascript代码检查结果


第一天
第2天
第3天
第4天
第5天
第6天
第7天
用户1
用户2
用户3

这是一个更新版本，它确实使用了一个图像数组和一个循环来遍历输入：

在过去的日子里，我从一位同事那里学到，如果你需要两次使用同一段代码，要么把它放在函数中，要么使用循环

//使用背景图像创建一个数组。
var imgaray=[“url（'https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/18_EmoticonsHDcom.png“）”，“url（”https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/53_EmoticonsHDcom.png“）”，“url（”https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/69_EmoticonsHDcom.png“），”网址('https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/42_EmoticonsHDcom.png“）”，“url（”https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/72_EmoticonsHDcom.png“）”，“url（”https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/26_EmoticonsHDcom.png“），”网址('https://cdn2.iconfinder.com/data/icons/very-emotional-emoji/64/40_EmoticonsHDcom.png')"];                    
函数checkvalue（）
{
var inputs=document.querySelectorAll（“input[name='in']”；//基于元素：input和具有值“in”的名称，使用document.querySelectorAll选择HTML集合
//循环输入：
对于（变量i=0；i0&&value<8）//检查数字是否大于0但小于8
{
//从数字中减去1，因为JavaScript是基于零的索引。
document.queryselectoral（“.icon bg”）[i].style.backgroundImage=imgArray[value-1]；
}
其他的
{
//在此处执行某些操作以显示错误消息
}  
}
}

input[type=“text”]{
显示：块；
宽度：100%；
边缘底部：10px；
}
.图标背景{
宽度：64px；
高度：64px；
显示：块；
背景位置：中心；
}

通过javascript代码检查结果


第一天
第2天
第3天
第4天
第5天