Javascript 时间转换器网页设计

let convertBtnEl=document.getElementById（“convertBtn”）；
convertBtn.addEventListener（“单击”，函数（）{
var hours=parseInt（document.getElementById（'hourInput'）.value）；
var minutes=parseInt（document.getElementById（'minutesInput'）.value）；
var秒=（小时*60+分钟）*60；
控制台日志（小时）；
var showSeconds=document.getElementById（“timeInSeconds”）；
var bathror=document.getElementById（“errorMsg”）；
如果（isNaN（小时）| | isNaN（分钟））{
showError.textContent+=“错误！！！请输入任意值”；
}否则{
showSeconds.textContent=“以秒为单位的数字”+秒；
}
});
@导入url("https://fonts.googleapis.com/css2?family=Bree+衬线和系列=警告：wght@400；700&family=龙虾&family=单调&family=Open+Sans:ital，wght@0，400；0700；1400；1700&family=Playfair+Display+SC:ital，wght@0，400；0700；1700&family=Playfair+Display:ital，wght@0，400；0700；1700&family=Roboto:ital，wght@0，400；0700；1400；1700&family=Source+Sans+Pro:ital，wght@0，400；0700；1700&family=工作+Sans:ital，wght@0，400；0700；1700&display=swap”）；
身体{
最大宽度：100vw；
高度：100vh；
保证金：0；
填充：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景：url(https://assets.ccbp.in/frontend/dynamic-webapps/time-converter-bg.png)中心/盖无重复固定；
}
.转炉包装{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}
.输入包装器{
宽度：100%；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
边缘顶部：20px；
}
输入{
宽度：25%；
填充：8px；
大纲：无；
边框：3倍实心rgb（0,0,0）；
边界半径：5px；
背景色：rgb（209223218）；
}
标签{
字体大小：20px；
颜色：#f5f7fa；
字体大小：粗体；
字母间距：1.1px；
字体系列：“开放式Sans”，无衬线；
}
钮扣{
宽度：30%；
填充：8px0；
边界半径：15px；
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
背景：rgb（18,49,92）；
边界：无；
颜色：白色；
字体大小：粗体；
字母间距：1.2px；
边缘顶部：30px；
}
按钮：悬停{
光标：指针；
}
按钮：焦点{
大纲：无；
}
.秒{
颜色：白色；
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
字体大小：粗体；
}
.错误{
颜色：红色；
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
字体大小：粗体；
}

输入小时数：
输入分钟数：
转换


您没有更改回文本。您正在添加更多错误消息。请改用此选项：

if (isNaN(hours) || isNaN(minutes)) {
    showError.textContent = "Error!!! Please enter any value";
} else {
    showError.textContent = " ";
    showSeconds.textContent = "the number in seconds " + seconds;
}


let convertBtnEl=document.getElementById（“convertBtn”）；
让hourInput=document.getElementById（'hourInput'）；
让minutesinput=document.getElementById（'minutesinput'）；
函数compute（）{
var hours=parseInt（hourInput.value）；
var minutes=parseInt（minutesinput.value）；
var秒=（小时*60+分钟）*60；
var showSeconds=document.getElementById（“timeInSeconds”）；
var bathror=document.getElementById（“errorMsg”）；
如果（伊斯南（小时））{
showSeconds.style.display=“无”；
showError.style.display=“block”；
bathroror.textContent=“请输入有效的小时数”；
}
否则如果（isNaN（分钟））{
showSeconds.style.display=“无”；
showError.style.display=“block”；
batherror.textContent=“请输入有效的分钟数”；
}
否则{
淋浴ror.style.display=“无”；
showSeconds.style.display=“块”；
showSeconds.textContent=“以秒为单位的数字”+秒；
}
}
convertBtnEl.addEventListener（“单击”，计算）；
@导入url（“https://fonts.googleapis.com/css2?family=Bree+衬线和系列=警告：wght@400；700&family=龙虾&family=单调&family=Open+Sans:ital，wght@0，400；0700；1400；1700&family=Playfair+Display+SC:ital，wght@0，400；0700；1700&family=Playfair+Display:ital，wght@0，400；0700；1700&family=Roboto:ital，wght@0，400；0700；1400；1700&family=Source+Sans+Pro:ital，wght@0，400；0700；1700&family=工作+Sans:ital，wght@0，400；0700；1700&display=swap”）；
身体{
最大宽度：100vw；
高度：100vh；
保证金：0；
填充：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景：url(https://assets.ccbp.in/frontend/dynamic-webapps/time-converter-bg.png)中心/盖无重复固定；
}
.转炉包装{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}
.输入包装器{
宽度：100%；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
边缘顶部：20px；
}
输入{
宽度：25%；
填充：8px；
大纲：无；
边框：3倍实心rgb（0,0,0）；
边界半径：5px；
背景色：rgb（209223218）；
}
标签{
字体大小：20px；
颜色：#f5f7fa；
字体大小：粗体；
字母间距：1.1px；
字体系列：“开放式Sans”，无衬线；
}
钮扣{
宽度：30%；
填充：8px0；
边界半径：15px；
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
背景：rgb（18,49,92）；
边界：无；
颜色：白色；
字体大小：粗体；
字母间距：1.2px；
边缘顶部：30px；
}
按钮：悬停{
光标：指针；
}
按钮：焦点{
大纲：无；
}
.秒{
颜色：白色；
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
字体大小：粗体；
}
.错误{
颜色：红色；
字体大小：20px；
字体系列：“开放式Sans”，无衬线；
字体大小：粗体；
}

输入小时数：
输入分钟数：
转换


您没有更改回文本。您是广告