要做个日历,js怎么判断号码与生肖,如:div中输入01,那么html则显示01是虎肖,div中输入02,则是02牛肖?能否实现
还有,在div中输入01了不仅要显示生肖虎,还需要显示背景颜色,如div中输入01,html显示的01虎,01虎背景为红色。以此类推。
维护一个对象类似下面这种
const map = {
'01': {
text: '虎',
color: 'red'
},
'02': {
text: '牛',
color: 'yellow'
}
}
然后通过你输入的值进行查找(例如02) map['02']
-> {text: '牛', color: 'yellow'}
,将你需要的属性应用到对应的html上就可以了
首先将生肖图片的文件名修改为01.jpg,02.jpg等……
然后根据js设置div中的文件名来动态修改,背景色同理