Untitled

<!DOCTYPE html>
<html>
<head>
  <title>Jajak Pendapat</title>
  <link rel="stylesheet" href="https://unpkg.com/daemonite-material@4.1.1/css/material.css" crossorigin="anonymous">
  <script src="https://unpkg.com/daemonite-material@4.1.1/js/material.js" crossorigin="anonymous"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="offset-3 col-6">
                <form id="myForm" onsubmit="handleFormSubmit(this)">
                    <p class="h4 mb-4 text-center">Jajak Pendapat</p>
                    <div class="form-group">
                        <label for="name">Nama</label>
                        <input type="text" class="form-control" id="name" name="name" placeholder="Nama">
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" class="form-control" id="email" name="email" placeholder="Email">
                    </div>
                    <div class="form-group">
                        <label for="phone">Nomor Telepon</label>
                        <input type="tel" class="form-control" id="phone" name="phone" placeholder="Nomor Telepon">
                    </div>
                    <div class="form-group">
                        <label for="msg">Pendapat</label>
                        <textarea class="form-control" id="msg" name="msg" placeholder="Pendapat Anda"> </textarea>
                    </div>
                    <button type="submit" class="btn btn-primary btn-block">Submit</button>
                </form>
                <div id="output"></div>
            </div>
        </div>
    </div>
    <script>
    // Prevent forms from submitting.
    function preventFormSubmit() {
        var forms = document.querySelectorAll('form');
        for (var i = 0; i < forms.length; i++) {
            forms[i].addEventListener('submit', function(event) {
                event.preventDefault();
            });
        }
    }
    window.addEventListener('load', preventFormSubmit);
    function handleFormSubmit(formObject) {
        google.script.run.processForm(formObject);
        document.getElementById("myForm").reset();
    }
  </script>
</body>
</html>