Trix write

Write to a google trix spreadsheet from a form

by theumer

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="form">
		<paper-input id="gametype" name="gametype" type="text" placeholder="game type"></paper-input>
			<div class="player1">
			<paper-input id="player1" name="player1" type="text" placeholder="player 1"></paper-input>
			<br></br>
			<paper-slider id="score1" pin snaps max="10" max-markers="10" step="1" value="5"</paper-slider>
			<br></br>
		</div>
		<div class="player2">
			<paper-input id="player2" name="player2" type="text" placeholder="player 2">
			<br></br>
			<paper-input id="score2" name="score2" type="text" placeholder="score 2">
			<br></br>
		</div>
		<div class="player3">
			<paper-input id="player3" name="player3" type="text" placeholder="player 3">
			<br></br>
			<paper-input id="score3" name="score3" type="text" placeholder="score 3">
			<br></br>
		</div>
		<div class="player4">
			<paper-input id="player4" name="player4" type="text" placeholder="player 4">
			<br></br>
			<paper-input id="score4" name="score4" type="text" placeholder="score 4">
			<br></br>
		</div>
	<paper-button id="ButtonSubmit" onclick="postContactToGoogle()"
	type="button" >Submit</paper-button>
</paper-card>
</div>

JavaScript

function postContactToGoogle() {
        var gametype = $('#gametype').val();
        var player1 = $('#player1').val();
        var player2 = $('#score1').val();
        var score2 = $('#score2').val();

            $.ajax({
                url: "https://docs.google.com/forms/d/1hntFc9Cd2Jv4WzVCK6kafRNukDK65LN6CO_cmgwDKro/formResponse",
                data: { "entry_1313070649": gametype,
								        "entry_1095799906": player1,
											  "entry_2049416591": score,},
                type: "POST",
                dataType: "xml",
                //statusCode: {
                    //0: function () {
                     //   window.location.replace("ThankYou.html");
                    //},
                    //200: function () {
                    //    window.location.replace("ThankYou.html");
                  //  }
                //}
            });
    }