Scribd Logo
Upload

Welcome to Scribd!

  • Tugas3 - PAT - C11200005 - Dylan Bradley Tjokro

    Uploaded by

    DYLAN BRADLEY
    12 views4 pages
    The document contains a simple HTML form with inputs for name and email. When submitted, the form prevents default submission and logs the input values to the console instead. It also clears the input fields after submission. The form is part of an assignment for a telematics application development course by Dylan Bradley Tjokro, a student with NRP C11200005 studying Electrical Engineering.

    Original Description:

    Original Title

    Tugas3_PAT_C11200005_Dylan Bradley Tjokro

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains a simple HTML form with inputs for name and email. When submitted, the form prevents default submission and logs the input values to the console instead. It also clears the input fields after submission. The form is part of an assignment for a telematics application development course by Dylan Bradley Tjokro, a student with NRP C11200005 studying Electrical Engineering.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    12 views4 pages

    Tugas3 - PAT - C11200005 - Dylan Bradley Tjokro

    Uploaded by

    DYLAN BRADLEY
    The document contains a simple HTML form with inputs for name and email. When submitted, the form prevents default submission and logs the input values to the console instead. It also clears the input fields after submission. The form is part of an assignment for a telematics application development course by Dylan Bradley Tjokro, a student with NRP C11200005 studying Electrical Engineering.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 4

    Nama : Dylan Bradley Tjokro

    NRP : C11200005

    Jurusan : Teknik Elektro

    Tugas 3 Pengembangan aplikasi telematika

    <!DOCTYPE html>

    <html>

    <head>

    <title>Client Desktop App</title>

    <style>

    body {

    font-family: Arial, sans-serif;

    margin: 0;

    padding: 20px;

    h1 {

    text-align: center;

    .container {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

    .input-field {

    margin-bottom: 20px;

    }
    .input-field label {

    display: block;

    margin-bottom: 5px;

    .input-field input {

    width: 100%;

    padding: 10px;

    border-radius: 4px;

    border: 1px solid #ccc;

    .btn-container {

    text-align: center;

    .btn {

    padding: 10px 20px;

    background-color: #4CAF50;

    color: white;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

    </style>

    </head>

    <body>

    <h1>Client Desktop App</h1>

    <div class="container">
    <form id="myForm">

    <div class="input-field">

    <label for="name">Name:</label>

    <input type="text" id="name" required>

    </div>

    <div class="input-field">

    <label for="email">Email:</label>

    <input type="email" id="email" required>

    </div>

    <div class="btn-container">

    <button class="btn" type="submit">Submit</button>

    </div>

    </form>

    </div>

    <script>

    document.getElementById("myForm").addEventListener("submit", function(event) {

    event.preventDefault(); // Prevent form submission

    var name = document.getElementById("name").value;

    var email = document.getElementById("email").value;

    // Kirim data ke server atau lakukan tindakan lain sesuai kebutuhan Anda

    console.log("Name: " + name);

    console.log("Email: " + email);

    // Clear input fields

    document.getElementById("name").value = "";

    document.getElementById("email").value = "";

    });

    </script>

    </body>
    </html>

    Hasil pengujian

    Name: Dylan Bradley

    Email: dylanbradleytjokro@gmail.com

    You might also like