Кнопка, не вызывающая функция правильно

Я пытаюсь вызвать функцию нажатием кнопки, но по какой-то причине кнопка не будет вызывать функцию. Dreamweaver не показывает никаких синтаксических ошибок. Может ли кто-нибудь сказать мне, почему кнопка не работает?Кнопка, не вызывающая функция правильно

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta charset="utf-8" /> 
    </head> 
    <head> 
    <title></title> 


<script type="text/javascript"> 

     var imgObj = 0; 
     var imgObj1 = 0; 
     var animate; 
     var animate1; 

     function init(){ 
      imgObj = document.getElementById('red'); 
      imgObj.style.position= 'relative'; 
      imgObj.style.left = '0px'; 
      imgObj1 = document.getElementById('blue'); 
      imgObj1.style.position = 'relative'; 
      imgObj1.style.left = '0px'; 
     } 

     function moveRight(){ 
      imgObj.style.left = parseInt(imgObj.style.left = 0) + Math.floor((Math.random() * 100) + 1) + 'px'; 

      animate = setTimeout(moveRight(), 1000); 
      imgObj1.style.left = parseInt(imgObj1.style.left = 0) + Math.floor((Math.random() * 100) + 1) + 'px'; 

      animate1 = setTimeout(moveRight(), 1000); 
      if (imgObj.style.left >= 1000px || imgObj1.style.left >= 1000px) 
      { 
       break; 
       else if 
       { 
        imgObj.style.left>= 1000 
        MessageBox.show("The Red Car has won the Race!"); 
       } 
       else 
       { 
        MessageBox.show("The Blue Car has won the Race!"); 
       } 

      } 
     }   
</script> 

</head> 

<body onload = "init()"> 

    <form> 
    <input type="button" value="Start" onclick="moveRight()" /> 
    <br/><br/><br/><br><br/><br/><br/> 
    <img id="red" src="redcar.png" alt="Car 1"/> 
    <br/><br/><br/><br> 
    <img id="blue" src="bluecar.png" alt ="Car 2" /> 

    </form> 
</body> 
</html>

источник

2016-05-03 Shadough

что кнопка мыши предполагают, чтобы сделать? – gurvinder372

Одна вещь; 'setTimeout (moveRight(), 1000);' должно быть 'setTimeout (moveRight, 1000);' – Andy

Нажимает ли кнопка кнопку? Ака, добавляет ли предупреждение предупреждение? Правильно ли imgObj? И тогда да, синтаксис тайм-аута. – Shilly

К сожалению, существует так много ошибок, что трудно понять, с чего начать. Первый ответ на ваш вопрос заключается в том, что кнопка ничего не сделала, потому что ваш код не компилируется. Я не знаю, почему Dreamweaver не сообщил об ошибке. Инструменты разработчика Chrome были более чем счастливы сделать это.

Вот «работает» версия:

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta charset="utf-8" /> 
<title></title> 
<script type="text/javascript"> 
var imgObj = 0; 
var imgObj1 = 0; 
var animate1; 

function init(){ 
    imgObj = document.getElementById('red'); 
    imgObj.style.position= 'relative'; 
    imgObj.style.left = '0px'; 
    imgObj1 = document.getElementById('blue'); 
    imgObj1.style.position = 'relative'; 
    imgObj1.style.left = '0px'; 
} 

function moveRight(){ 
    var redPosition = parseInt(imgObj.style.left); 
    imgObj.style.left = redPosition + Math.floor((Math.random() * 20) + 1) + 'px'; 
    var bluePosition = parseInt(imgObj.style.left); 
    imgObj1.style.left = bluePosition + Math.floor((Math.random() * 20) + 1) + 'px'; 

    if (redPosition >= 1000 || bluePosition >= 1000) 
    { 
     if (redPosition >= 1000) { 
      alert("The Red Car has won the Race!"); 
     } 
     else 
     { 
      alert("The Blue Car has won the Race!"); 
     } 
     return; 
    } 
    animate1 = setTimeout(moveRight, 50); 
} 
</script> 
</head> 
<body onload = "init()"> 
<form> 
    <input type="button" value="Start" onclick="moveRight()" /> 
    <br/><br/><br/><br><br/><br/><br/> 
    <img id="red" src="redcar.png" alt="Car 1"/> 
    <br/><br/><br/><br> 
    <img id="blue" src="bluecar.png" alt ="Car 2" /> 
</form> 
</body> 
</html>

источник

2016-05-03 06:59:45 Tibrogargan

Можете ли вы рассказать мне, что все изменения, которые вы должны были сделать для вас, чтобы заставить его работать? – Abhishek

Просмотреть все комментарии ... – Andy

Спасибо, что посмотрели. Наверное, сейчас я перейду на Chrome. С предупреждениями я понимаю, что вы не можете добавлять пользовательские кнопки. Будет ли способ создать диалоговое окно с кнопкой для сброса гонки? Единственный способ, которым я могу думать с моими ограниченными знаниями, - это иметь кнопку, скрытую на странице, которая становится видимой, как только гонка закончится. – Shadough

Кнопка, не вызывающая функция правильно

ответ

Смежные вопросы