Zmiana pobranej zmiennej tekstowej na operator arytmetyczny JS

pytanie zadane 4 listopada 2020 w JavaScript przez Kiri Nowicjusz (120 p.)

<!doctype html>
	<html lang="pl-PL">
		<head>
			<meta charset="utf-8">
			<title> 
				Zadanie 2 nie działa 
			</title>
			<style>
			input[type=button]{
				text-align:center;
				border-bottom-color:black;
			}
			body{
				background-color:orange;
			}
			</style>
		</head>
		<body>
			<form>
				<p> Proste działania </p>
				<input type="number" id="number_a" placeholder="Podaj wartość A">
				<br>
				<input type="number" id="number_b" placeholder="Podaj wartość B">
				<br>
					<input type="button" value="  +  " onClick="dzialanie('+')">
					<input type="button" value="  -  " onclick="dzialanie('-')">
					<input type="button" value="  *  " onclick="dzialanie('*')">
					<input type="button" value="  /  " onclick="dzialanie('/')">
					<input type="button" value="  ^  " onclick="dzialanie('**')">
				<br>
				<br>
					<div id="wynik"> </div>
				<br>
					<input type='reset' value="Reset">
			</form>
		<script type='text/javascript'>
		function dzialanie(znak){
				var a=document.getElementById("number_a").value*1;
				var b=document.getElementById("number_b").value*1;
				// Jak przekonwertować tekst na operator arytmetyczny ?
				var dzialanie = znak;
				var wynik = a dzialanie b;
				document.getElementById("wynik").innerHTML="Wynik to: "+ wynik;
			}
		</script>
		</body>
	</html>

Czy istnieje jakaś opcja, żeby zmienić pobraną wartość "znak" na operator arytmetyczny aby funkcja mogła szybko policzyć wynik? Oraz jak by się dało w jaki sposób zapisać takie działania?

Do tej pory zapisywałem prosto:

		var wynik = a dzialanie b;

ale no nie idzie. Wyskakuje błąd: Uncaught SyntaxError: Unexpected identifier w w/w linijce. Na początku użyłem od razu " a znak b" jednak nie działało, dlatego postanowiłem stworzyć nową zmienną, która jak widzę nić nie daję.

Żeby uprzedzić pytania, mam już wersję z różnymi funkcjami czy też wersję z funkcją, która sprawdza zawartość zmiennej i wykonuję się dane obliczenie.

Również dodam, że jestem na poziomie szkolnym w pisaniu skryptów, dopiero się uczę więc z góry przepraszam za jakieś rażące błędy w pisaniu kodu.

Jednak chciałbym zrobić takie rozwiązanie j/w. Jakieś pomysły?

2 odpowiedzi

odpowiedź 4 listopada 2020 przez ScriptyChris Mędrzec (190,190 p.)

Można to zrobić na kilka sposobów:

stworzyć obiekt (mapę) znaku działania do funkcji wykonującej to działanie
napisać switcha, którego case'y będą sprawdzać znak działania, a w blokach je wykonywać
niezalecane sposoby: wykonać działanie tworząc funkcję dynamicznie lub korzystając eval

komentarz 4 listopada 2020 przez Kiri Nowicjusz (120 p.)

Dlaczego Eval nie jest zalecany?

Zastosowałem go i śmiga jak chciałem właśnie.

var wynik = eval(a + dzialanie + b);

Co do switcha to już mam podobne rozwiązanie :)

Dzięki wielkie za pomoc, poczytam o tym Evalu, a z racji, że to kod przeznaczony na rozwiązanie zadania szkolnego to nie będę wybrzydzać. Pozdrowionka i miłego dnia :)