var React = require("react");
var ReactDOM = require("react-dom");
import { Component } from "react";

class MyApp extends Component {

     onSubmit(e) {

          alert("Hello! " + e.target.myName.value + e.target.myAge.value);
     }

     render() {
          return (
               <div>
                    <h2> Welcome </h2>
                    <form onSubmit={ this.onSubmit }>
                         <div>
                              <input type="text" name="myName" />
                         </div>
                         <div>
                              <input type="text" name="myAge" />
                         </div>
                         <div>
                              <button>Login</button>
                         </div>
                    </form>
               </div>
          );
     }
}

ReactDOM.render(
     <MyApp ></MyApp>,
     document.getElementById('my_container'));

var React = require("react");
var ReactDOM = require("react-dom");

 
function MyApp() {

     const onSubmit = (e) => {

          alert("Hello! " + e.target.myName.value + e.target.myAge.value);
     }

 
     return (
          <div>
               <h2> Welcome </h2>
               <form onSubmit={ onSubmit }>
                    <div>
                         <input type="text" name="myName" />
                    </div>
                    <div>
                         <input type="text" name="myAge" />
                    </div>
                    <div>
                         <button>Login</button>
                    </div>
               </form>
          </div>
     );
 
}

ReactDOM.render(
     <MyApp ></MyApp>,
     document.getElementById('my_container'));