PHP JavaScript Echo wird nicht funktionieren

Question

Das ist mein PHP/JS-Code:

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>"; 

Mein HTML:

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

Der Knopf klicken um die src meines Bildes nicht ändert.

Was ist falsch an meinem Code?

Answer 1

Setzen Sie die src in Anführungszeichen:

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>"; 

Sie wollen wahrscheinlich auch die () auf dem onClick Handler entfernen:

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