2015-10-14 2 views
0

Так что я пытаюсь получить изображение (изображение карты), чтобы моя игра казалась пустой при ее нажатии. Я хочу, чтобы у него появилось пустое изображение, чтобы имитировать его исчезновение. Это игра для пасьянса с тремя пиками. У меня уже есть функция, которая проверяет, действительна ли карта для игры или нет, у меня просто возникают проблемы с тем, чтобы это работало правильно, будучи новым для Javascript. Или, если кто-нибудь знает, как я могу это сделать, я все уши, спасибо.Попытка реализовать прослушиватель действий для карточной игры

Это часть кода:

<!DOCTYPE HTML> 
<html> 

<button onclick="newGame(); Deal();" style=" top: 35px; left: 80px; position: absolute;">New Game 

<div onmousedown="A(this)"><button onclick="Tri_Peak_Game()"><img id="leftRow4E1" src="cardback.jpg" alt="cardback" style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" /> </button> </div> 

<script language="javascript" type="text/javascript"> 







</script> 
</html> 
+1

делает 'blank_dissapear.png' существует? (включая орфографию?) – ray

+1

Прошу прощения, но с использованием кода в вашем вопросе нет возможности воспроизвести ошибку. Пожалуйста, отредактируйте свой вопрос, включив [mcve]. –

ответ

1

Вот простое доказательство реализации концепции, которая использует querySelector и addEventListener для обработки mousedown и mouseup события на «карте».

function cardMouseDown(event) { 
 
    event.target.src = "http://www.alderac.com/images/2015/01/playing-cards.jpg"; 
 
} 
 

 
function cardMouseUp(event) { 
 
    event.target.src = "http://globe-views.com/dcim/dreams/card/card-04.jpg"; 
 
} 
 

 

 
document.querySelector('.card').addEventListener('mousedown', cardMouseDown); 
 
document.querySelector('.card').addEventListener('mouseup', cardMouseUp);
<div> 
 
     <img class="card" 
 
      id="leftRow4E1" 
 
      src="http://globe-views.com/dcim/dreams/card/card-04.jpg" 
 
      alt="cardback" 
 
      style="width: 100px;" /> 
 
</div>

+0

Спасибо, я верю, что это поможет мне реализовать то, что мне нужно для моей программы. – user5447193