Do we have any method to input data and store it in a variable with Muse?

Question

Hi, I know we can create contact forms, but I am not interested in that. Let's imagine I want to create an input for example:
What's your name? ________________
The user enter a reply: JOE
And then I grab that data from a variable and I write:
Nice to meet you JOE
Could we make this in Muse?
How?
Cheers

Answer 1

Hi Mr Mister,
I will recommend that you use JavaScript. In fact, the easiest way that I can think of achieving this is via AngularJS
I implemented the first basic example, which is what you requested, from the AngularJS's web site on this muse page - Demo - Angularjs, to demonstrate how it can be integrated with Muse.
Screen cast of the demo page(, in case I accidentally break the Demo page above in future) -->
This is how I implemented it. This code snippet goes into the 'Page Properties -> Metadata -> HTML for Head' -->
<script>
  window.onload = function() {
  document.getElementsByTagName("html")[0].setAttribute("ng-app","");
  var scr = document.createElement('script');
  scr.src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js";
  document.getElementsByTagName('body')[0].appendChild(scr);
</script>
This is the code that you insert via 'Object -> Insert HTML' to place the input box on the page -->
Name here - <input type="text" ng-model="yourName" placeholder="Enter a name here"> will auto update :
And finally, this is the code that is repeated on the page to display the name, inserted via 'Object -> Insert HTML' -->
<h1>Here - {{yourName}}!</h1>
To explain this briefly, 'yourName' is the variable that you were talking about capturing via the input so that you can display that anywhere on the site. Let me know if you need more clarification on this.
Recommended Watching: This small video here demonstrate how this can be achieved using Jquery as well as AngularJS - AngularJS Hello World - YouTube
- Abhishek Maurya