Change an image when input is given

Question

I have a small basic html code with JavaScript . All I want is when I type 3,it should show me an image as specified and for 9 accordingly. This is the demo. Visit http://jsbin.

Answer 1

Place you script code inside

$(document).ready(function(){
    //your code goes here
});

and replace

$('#cardImage')[0].src = 'data/1357696142_mastercard1'+ num2img[n] +'.gif';

by

$('#cardImage')[0].src = 'http://placehold.it/100x100/eee&text='+ num2img[n] +'.gif';