Javascript 实现表单onclick事件的Web开发

我制作了这个登录和注册表单，其中表单的onclick submit按钮显示提交的表单，左边或右边都可以实现它。我使用了onclick属性并向它传递了一个函数

fun（）

，该函数有一个类型为no的参数。因此我使用了两个函数

fun（0）

和fun

（1）

，用于显示用户提交的表单，但它不显示消息。
我也有一个CSS的问题，它没有根据屏幕大小进行缩放，因为我使用了CSS引导，并尝试了宽度，位置属性的缩放百分比，但它也不起作用

功能乐趣（数字n）{
如果（n==1）{
document.getElementsByClassName（'m1'）.style.display='none'；
}否则{
document.getElementsByClassName（'m2'）.style.display='none'；
}
document.getElementsByClassName（'modal'）.style.display='flex'；
}

正文{
背景：线性梯度（45度，#fff722，#ff26f9）；
字体大小：粗体；
字母间距：2px；
字体系列：开放式sans、helvetica neue、helvetica、Arial、sans serif；
文本对齐：居中；
}
输入[类型=收音机]{
宽度：9%；
}
输入#e{
宽度：100%；
}
输入[类型=提交]{
宽度：100%；
背景色：#4CAF50；
颜色：白色；
填充：14px 20px；
利润率：8px0；
边界：无；
边界半径：4px；
光标：指针；
}
.行{
位置：相对位置；
}
形式{
字体大小：20px；
边框底部：实心5px#dedfe0；
右边框：实心5px#dedfe0；
填充物：5px；
宽度：500px；
利润率：80px；
}
标签{
字体系列：arial；
颜色：#0000ff；
}
#日志{
位置：绝对位置；
顶部：20px；
右：20px；
变换：平移（50,50）；
}
按钮：悬停{
不透明度：0.8；
}
.modal、.modal1{
显示：无；
证明内容：中心；
对齐项目：居中；
边界半径：6px；
z指数：1；
位置：绝对位置；
左：0px；
顶部：0px；
宽度：100%；
身高：100%；
溢出：自动；
背景色：rgba（0,0,0,0.7）；
}
.模态内容{
宽度：500px；
高度：300px；
背景：线性梯度（45度，#fff722，#ff26f9）；
位置：绝对位置；
文本对齐：居中；
填充：2%；
证明内容：中心；
对齐项目：居中；
边框：实心5pxRGBA（100,0,50,0.5）；
左：500px；
顶部：180像素；
}
.结束{
位置：绝对位置；
右：25px；
排名：0；
颜色：黑色；
字体大小：50px；
字体大小：粗体；
}
.关闭：悬停，.关闭：聚焦{
颜色：红色；
光标：指针；
}
.制作动画{
动画：缩放10000；
}
@关键帧缩放{
从{
变换：缩放（0）
}
到{
变换：比例（2）
}
}

注册

名字：

姓氏：

离岸价：

城市：

手机号码：
+91
+92
+93
+94
+95


性别：
男性
女性
其他

就业状况：
雇佣
失业的




登录

电子邮件Id:

用户名：

密码：



&时代；
提交左表
提交的正确表格

这篇文章有严重的语法和格式问题。请考虑缩短和清洁它。另外，

fun（1）

和

fun（2）

不是两个独立的函数，而是一个具有独立参数的函数。首先，删除javascript代码中

if

语句中的exta括号，这一行：

document.getElementsByClassName（'m1'）.style.display='none'；}

，即}在您希望关闭函数fun（数字n）之前关闭if。不是您在javascript中声明参数的方式。@Jon P那么我应该如何声明函数。@Ramon de Vries我想隐藏m1类for fun（1）函数。那么怎么做呢