PHP JavaScript эхо не будет работать

Question

Это мой PHP/JS код:

echo "<script> 
function transformCard() { 
document.getElementById('cardImage').src = " . $row['transformedimageurl'] . " 
document.getElementById('transformbtn').onClick = deformCard(); 
} 
function deformCard() { 
document.getElementById('cardImage').src = " . $row['imageurl'] . " 
document.getElementById('transformbtn').onClick = transformCard() 
} 
</script>"; 

Мой HTML:

<button id="transformbtn" onClick="transformCard()"></button> 
<img id='cardImage' src="image.jpg" /> 

Кнопка нажмите не изменяет src моего образа.

Что случилось с моим кодом?

Answer 1

Поместите src в кавычки:

echo "<script> 
    function transformCard() { 
    document.getElementById('cardImage').src = '" . $row['transformedimageurl'] . "'; 
    document.getElementById('transformbtn').onClick = deformCard(); 
} 
function deformCard() { 
    document.getElementById('cardImage').src = '" . $row['imageurl'] . "'; 
    document.getElementById('transformbtn').onClick = transformCard() 
} 
</script>"; 

Вы также, вероятно, хотите, чтобы удалить () на onClick обработчика:

document.getElementById('transformbtn').onClick = deformCard; 
document.getElementById('transformbtn').onClick = transformCard;