We spent this chapter reviewing the various elements of WebAssembly and the corresponding JavaScript and Web APIs, but understanding how the pieces fit together can still be confusing. As we progress through the examples in this book and you're able to see how C/C++, WebAssembly, and JavaScript interact, these concepts will become clearer.
That being said, a demonstration of this interaction may help in clearing up some of the confusion. In this section, we're going to use an online tool called WasmFiddle to demonstrate the relationship between these elements so you can see WebAssembly in action and get a high-level overview of the development workflow.
WasmFiddle, located at https://wasdk.github.io/WasmFiddle/, is an online code editing tool that allows you to write some C or C++ code and convert it to Wat, compile it to Wasm, or interact with it directly using JavaScript. The C/C++ and JavaScript editors are minimal and aren't intended...