so im trying to make some sort of web application (random character picker) but i have no idea how to make an image appear without overwriting the entire website, any ideas for me? this is the javascript i already have
function RandomCustoms() {
canvasRuimte = document.getElementById('canvas').getContext('2d');
canvasRuimte.clearRect(0,0,600,300);
canvasRuimte.font = 'italic 30px sans-serif';
canvasRuimte.fillStyle = "BLACK";
worp1 = Math.floor(24*Math.random())+1;
tekenAfbeelding(worp1);
worp2 = Math.floor(24*Math.random())+1;
tekenAfbeelding(worp2);
worp3 = Math.floor(24*Math.random())+1;
tekenAfbeelding(worp3);
worp4 = Math.floor(24*Math.random())+1;
tekenAfbeelding(worp4);
worp5 = Math.floor(24*Math.random())+1;
tekenAfbeelding(worp5);
function tekenAfbeelding(worp1){
document.write('<img id="image"src="Paladins-champions/'+worp1+'.png" >');
}
function tekenAfbeelding(worp2){
document.write('<img id="image"src="Paladins-champions/'+worp2+'.png" >');
}
function tekenAfbeelding(worp3){
document.write('<img id="image"src="Paladins-champions/'+worp3+'.png" >');
}
function tekenAfbeelding(worp4){
document.write('<img id="image"src="Paladins-champions/'+worp4+'.png" >');
}
function tekenAfbeelding(worp5){
document.write('<img id="image"src="Paladins-champions/'+worp5+'.png" >');
}
}
thanks in advance
Aucun commentaire:
Enregistrer un commentaire