Javascript 主页上显示的不是带有图像的分割元素，而是输入元素

问题解决了。Chance

type=“submit”

到输入元素HTML中的

type=“image”

在我的主页上，我有一个心脏的图像。它是交互式的，可以单击。 在过去的几天里，我对html/css/js做了很多修改。。所有人都在github中登录良好

从今天早上开始，心脏图像不再作为默认值显示在主页上，而是显示一个输入元素。当我点击它时，它会再次显示心脏图像，并继续正常工作

这可能是由于javascript的时间顺序问题造成的吗？还是我忽略了什么？从早上开始我就一直在看我的代码。我确信这一定是件愚蠢的事

现在我的网络糟糕透顶，所以我不能上传任何图片。但是一只手指向正确的方向会很好

我的图像以html格式显示，如下所示：

<div id="tapDiv"><input type="submit"  id="search" src="img/heart.png" value=""><div>

//Start Heart Beat Calculation
var lastTapSeconds = 0;
                        var bpm = 0;

                        //extra variabelen voor functionaliteit uitbreiding.
                        var beats = [];
                        var average = 0;
                        var count = 0;

                        var tapDiv = document.getElementById("tapDiv");

                        $(tapDiv).on('click', function() {
                        var tapSeconds = new Date().getTime();

                        bpm = ((1 / ((tapSeconds - lastTapSeconds) / 1000)) * 60);
                        lastTapSeconds = tapSeconds;
                        tapDiv.innerHTML = '<h1 style="display:inline;">' + Math.floor(bpm) + '</h1><img style="height:256px;width:256px;" src="img/heart.png"/>';

                        //extra functionaliteit
                        beats.push(Math.floor(bpm));
                        average *= count;  //average = average * count
                        average += Math.floor(bpm);  //average = average + count
                        count++;
                        average /= count;  //average = average / counterIncrement

                        //als array entries 10 heeft bereikt geef prompt met gemiddelde bpm.
                        if(beats.length >= 10) {
                        //alert("Your Average Beats Per Minute: " + average);

                            if ( average > 60 && average < 100 )
                            alert( "You have a normal resting heart rate. Good Job!" );
                            else if ( average < 60 )
                            alert( "You have an efficient heart function and better cardiovascular fitness. Keep it up!" );
                            else if ( average > 100 )
                            alert( "Your resting heart has an high average, indicating an unefficient and most likely unhealthy heart." );
                            else
                            alert( "Please measure again, your measurements seem unregular..." );

                            if(beats.length >=10){

                               beats.length = 0;
                               bpm = 0; 
                           }                        
                          }
                        });

JS看起来像这样：

<div id="tapDiv"><input type="submit"  id="search" src="img/heart.png" value=""><div>

//Start Heart Beat Calculation
var lastTapSeconds = 0;
                        var bpm = 0;

                        //extra variabelen voor functionaliteit uitbreiding.
                        var beats = [];
                        var average = 0;
                        var count = 0;

                        var tapDiv = document.getElementById("tapDiv");

                        $(tapDiv).on('click', function() {
                        var tapSeconds = new Date().getTime();

                        bpm = ((1 / ((tapSeconds - lastTapSeconds) / 1000)) * 60);
                        lastTapSeconds = tapSeconds;
                        tapDiv.innerHTML = '<h1 style="display:inline;">' + Math.floor(bpm) + '</h1><img style="height:256px;width:256px;" src="img/heart.png"/>';

                        //extra functionaliteit
                        beats.push(Math.floor(bpm));
                        average *= count;  //average = average * count
                        average += Math.floor(bpm);  //average = average + count
                        count++;
                        average /= count;  //average = average / counterIncrement

                        //als array entries 10 heeft bereikt geef prompt met gemiddelde bpm.
                        if(beats.length >= 10) {
                        //alert("Your Average Beats Per Minute: " + average);

                            if ( average > 60 && average < 100 )
                            alert( "You have a normal resting heart rate. Good Job!" );
                            else if ( average < 60 )
                            alert( "You have an efficient heart function and better cardiovascular fitness. Keep it up!" );
                            else if ( average > 100 )
                            alert( "Your resting heart has an high average, indicating an unefficient and most likely unhealthy heart." );
                            else
                            alert( "Please measure again, your measurements seem unregular..." );

                            if(beats.length >=10){

                               beats.length = 0;
                               bpm = 0; 
                           }                        
                          }
                        });

//开始计算心跳
var lastTapSeconds=0；
var-bpm=0；
//额外的变量或功能。
var=[]；
var平均值=0；
var计数=0；
var tapDiv=document.getElementById（“tapDiv”）；
$（tapDiv）.on（'click'，function（）{
var tapSeconds=new Date（）.getTime（）；
bpm=（（1/（（点击秒数-最后点击秒数）/1000））*60）；
lastTapSeconds=tapSeconds；
tapDiv.innerHTML=''+数学地板（bpm）+''；
//额外功能
拍、推（数学地板（bpm））；
平均数*=计数；//平均数=平均数*计数
平均值+=数学地板（bpm）；//平均值=平均值+计数
计数++；
平均值/=计数；//平均值=平均值/反增量
//als数组条目10 heeft bereikt geef提示符合gemiddelde bpm。
如果（拍长>=10）{
//警惕（“你每分钟的平均节拍：+平均值”）；
如果（平均值>60&&平均值<100）
警惕（“你的静息心率正常，干得好！”）；
否则，如果（平均值<60）
警觉（“你的心脏功能和心血管健康状况都很好，保持下去吧！”）；
否则，如果（平均值>100）
警惕（“你的静息心脏平均值很高，表明心脏不正常，很可能不健康。”）；
其他的
警告（“请重新测量，您的测量结果似乎不规则…”）；
如果（拍长>=10）{
拍长=0；
bpm=0；
}                        
}
});

请务必理解，我已经将其封装在一堆其他代码中，这些代码符合web应用程序的特性。因此，更多的维度可能会对这个问题产生影响

所以问题是：在我的主页上，它应该显示分割元素中的心脏图像。就像往常一样。我可以点击心脏，因为它是互动的。然而，目前它只显示和输入元素，而不是心脏。但是我只需要点击输入元素，它就会回到旧的（正常的）心脏图像设计。每次我按“刷新页面”或第一次进入该网页时，它都会返回

问题解决了。Chance

type=“submit”

到输入元素HTML中的

type=“image”

这个问题在上下文中是唯一的，因为type=“submit”的输入元素已经工作了，尽管它不应该工作。这可能是因为代码中的jQuery年表也使用内部HTML作为输入元素中使用的图像（由除法封装）。它受到了如此大的影响，以至于在这两个星期里它一直处于雷达监视之下。

改变：

<div id="tapDiv"><input type="submit"  id="search" src="img/heart.png" value=""><div>

致：

---

奇怪的是，逻辑是显而易见的。但是，它很可能是由我完成的，因为它已经使用type=“submit”几个星期了。这几天，我对这个web应用程序至少做了23次提交，因此某种程度上受到了一些影响，它“出错”了默认更正

创建一个类似的演示我相信为了使输入元素被视为图像，它必须有类型为image not submit所以

type=“image”

@PatrickEvans奇怪的是，我从一开始就将它设置为“submit”，它工作得很好。@PatrickEvans它工作得很好！我把它改成了“图像”，效果很好。你解决了我的问题。这是非常合乎逻辑的，但问题是，它从一开始就起作用了。我不知道为什么“形象”而不是“服从”突然变得重要起来。谢谢您的帮助。如果您已经解决了问题，请发布答案，而不是更新问题。你可以发布自己问题的答案。