nachos | Integrated tool for learning narrative chains | Game Engine library

But indeed it is really hard work to calculate the animation to every damned letter ... but I am not quite sure if there are not still some animations studios who are playing arround with such things ...

So, if you want to exactly like do that (= with letter animating) I would prefer to use the really nice JS snippet (thx for showing that here).

But if you are however not able/willing to use JS in your project and you would like to do SOMETHING like that you can realize a COMPLETE WORD CHANGING easily in CSS using @keyframes animations.

See a quick and dirty example for expalanation below.

Note: The animation is really simple! Of course you can do much cooler effects using rotations, backgrounds, etc. If you like just adapt example to your imaginations :-)

There is a problem in your csv reading. By splitting on the , character the \n gets appended on the next token, e.g. the next a in your csv it's a \na.

Take this as an example

Basically, I use the innerText of each html element as keys in the object

On a side note: only Pulled Pork Nachos, 6 Wings and Pork Rinds have any relation in the food variable so it will work better when you use your full variable and not JUST these 3 indexes(for an item that is non-existent in the food variable, an alert is shown)

NOW as to what I fully did:

FIRSTLY, I made 3 variables outside the function; blankElemState which is the tab element's innerHTML when holding NOTHING, amount as TOTAL tab amount and purchases for holding the object equivalent of each purchase(because of reference logic, one can search through the food, drink and merch arrays and when a value EQUALS a value in purchases, that's the exact item of purchase). For example of the reference logic, purchases[8] might EQUAL food[2]

SECONDLY, I made a variable i that holds the place in the food array of the requested item(for drinks you can change that part to drinks.forEach instead of food.forEach and so forth).

NEXT, if there is nothing in the array that refers to the requested item(by user), I warn that there is nothing available for the order(which naturally should not happen).

THEN, if tabAmountSection already has elements appended to it(not equal to blankElemState), I clear tabAmountSection(by making its innerHTML back to blankElemState) so that there aren't multiple "final" purchase values and remove buttons

Nachos is 32-bit only. You are essentially trying to compile it for 64-bit, and it won't work; it is written to work only on ILP32 data model. It also requires GCC 3.4, as it expects literal string constants to be mutable, and later GCC versions do not support that option, -fwritable-strings, at all: the code may compile without the flag, but the binaries segfault.

In essence, nachos is horribly outdated.

Your best bet is to install Debian 3.1r8 in a virtual machine (virtualbox for example), and compile and run Nachos there.

Few issues in your current code. You have extra , in your JSON file which is silently throws an error but it will not show up in the console.

Secondly, you are not displaying the data-id of the add to cart button correctly your syntax is incorrect.

You can use String.Format to combine ItemName and Price in order to display in combobox:

What you are doing in your for-loop is you that you loop through the value of each element in a. Then inside your if-statement you replace the value, and not the original entry in a. Instead you have to reference the entry in a using it's index.

Try this

Basically first true condition runs. It happens because JS code gets run and executed line by line. When JS engine sees if statement and the condition is false it continues to read the code. When it sees the condition that is true it executes the statement declared after the condition and then removes if statement from a callstack. In other words: It is not going to read other conditions after it saw true. It will ignore them

You can use window.location.pathname to extract the current page and logically decide if the sidebar should be opened according to that.

something like: