11) Option One: Online
2https://magic.reactjs.net/htmltojsx.htm
3or
4https://transform.tools/html-to-jsx
5
62) Option Two: System (assuming you have npm)
7npm install html-to-jsx
1 $(function() {
2 var $win = $(window);
3 var $box = $(".search-box");
4 $win.on("click.Bst", function(event) {
5 if (
6 $box.has(event.target).length == 0 //checks if descendants of $box was clicked
7 &&
8 !$box.is(event.target) //checks if the $box itself was clicked
9 ) {
10 $('#search-stoke').val("");
11 }
12 });
13 });
1 <script>
2 $(".forgot-password").click(function () {
3 $("#forgot-password-wrapper").show();
4 $("#forgot-password-wrapper").addClass("animated flipInY");
5 $("#login-form-wrapper").hide();
6 $("#signup-form-wrapper").hide();
7 });
8 $(".back-to-signin").click(function () {
9 $("#login-form-wrapper").show();
10 $("#login-form-wrapper").addClass("animated flipInY");
11 $("#forgot-password-wrapper").hide();
12 $("#signup-form-wrapper").hide();
13 });
14 $(".back-to-signup").click(function () {
15 $("#signup-form-wrapper").show();
16 $("#signup-form-wrapper").addClass("animated flipInY");
17 $("#forgot-password-wrapper").hide();
18 $("#login-form-wrapper").hide();
19 });
20 </script>