Jak dodac obrazek w javascript?

Zombie
Gibontv
Gibontv
7 lat temu

Tak jak w tytule. Mam problem z jednym skryptem i chciałem zamienić wyświetlanie się literki $ na grafikę z monetą lub coś takiego. Kompletnie nie wiem jak się za to zabrać dlatego liczę na waszą pomoc.

	const cType = 1;

	function addCommas(nStr) {
		nStr += '';
		let x = nStr.split('.');
		let x1 = x[0];
		let x2 = x.length > 1 ? '.' + x[1] : '';
		let rgx = /(\d+)(\d{3})/;
		while (rgx.test(x1)) {
			if (!cType || cType === 1)
				x1 = x1.replace(rgx, '$1' + '<span style="margin-left: 3px; margin-right: 3px;"/>' + '$2');
			if (cType === 2)
				x1 = x1.replace(rgx, '$1' + ',' + '$2');
			else
				x1 = x1.replace(rgx, '$1' + ',' + '$2');
		}
		return x1 + x2;
	}

	let moneyIcon = "$";

	window.onload = function (e) {
		// NUI Callback
		window.addEventListener('message', function (event) {
			let item = event.data;

			if (item.seticon == true) {
				moneyIcon = item.icon;
			} else if (item.setmoney == true) {
				document.getElementById("cash").innerHTML = "<div><font style='color: rgb(0, 125, 0); font-weight: 700; margin-right: 6px;'>" + moneyIcon + "</font>" + addCommas(item.money);
			} else if (item.addcash == true) {
				$(".tiny").remove();

				var element = $("<div class='tiny'>+<font style='color: rgb(0, 125, 0); font-weight: 700; margin-right: 6px;'>" + moneyIcon + "</font>" + addCommas(item.money) + "</div>");
				$("#money").append(element);

				setTimeout(function () {
					$(element).fadeOut(600, function () { $(this).remove(); });
				}, 1000);
			} else if (item.removecash == true) {
				$(".tiny").remove();

				var element = $("<div class='tiny'>-<font style='color: rgb(250, 0, 0); font-weight: 700; margin-right: 6px;'>" + moneyIcon + "</font>" + addCommas(item.money) + "</div>");
				$("#money").append(element);

				setTimeout(function () {
					$(element).fadeOut(600, function () { $(this).remove(); });
				}, 1000)
			} else if (item.setDisplay == true) {
				$("#money").css('opacity', item.display);
			} else if (item.setType) {
				cType = item.value;
			}
		});
	};



	@font-face {
		font-family: pcdown;
		src: url(pdown.ttf);
	}

	.tiny {
		font-size: 29px;
		position: absolute;
		right: 10;
	}

	#money {
		font-family: pcdown;
		font-size: 35px;
		color: white;
		padding: 4px;
		text-shadow:
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
	}

	#container {
		position: absolute;
		top: 40;
		right: 40;
	}






	
		
	
KMatuszak
KMatuszak Weteran
7 lat temu
moneyIcon.replace('$', '![monetaundefined](moneta.png)');
Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro
7 lat temu

To nie jest poprawny HTML. Samozamykające się tagi są częścią składni raczej nieużywanego już XHTML, nie obecnie wykorzystywanego HTML 5. Należy używać poniższego formatu:

![monetaundefined](moneta.png)

Więcej elementów, których się nie zamyka:

https://developer.mozilla.org/en-US/docs/Glossary/Empty_element

Gibontv
Gibontv
7 lat temu

Jeśli zrobię tak:

let moneyIcon = ![monetaundefined](moneta.png) ;

bedzie ok?

KQTK
KQTK
7 lat temu

Powinno wyglądać tak:

let moneyicon = 'kod html'

Podstawy :woman_facepalming: bo kod w ' ' htmla który ma klasy w ""itp. Nie będzie wyrzucać jako błąd składni i działać będzie

Gibontv
Gibontv
7 lat temu

sorka kolego ;/ moge powiedziec ze sie ucze. dziekuje za pomoc i temat do zamkniecia ;)

system
system
7 lat temu

Ten temat został automatycznie zamknięty 32 dni po ostatnim wpisie. Tworzenie nowych odpowiedzi nie jest już możliwe.