A simple web application written in PHP, CSS, HTML, and JavaScript that allows you to write and save notes

Here is an example of a simple web application written in PHP, CSS, HTML, and JavaScript that allows women to write and save notes:

PHP:

<?php
// Connect to the database
$db = new mysqli('localhost', 'username', 'password', 'database_name');

// Check for form submission
if (isset($_POST['submit'])) {
  // Escape the input to protect against SQL injection
  $title = $db->real_escape_string($_POST['title']);
  $note = $db->real_escape_string($_POST['note']);

  // Insert the note into the database
  $query = "INSERT INTO notes (title, note) VALUES ('$title', '$note')";
  $db->query($query);

  // Redirect to the main page
  header('Location: index.php');
}
?>

HTML:

<form method="post" action="index.php">
  <input type="text" name="title" placeholder="Title" required>
  <textarea name="note" placeholder="Write your note here..." required></textarea>
  <input type="submit" name="submit" value="Save">
</form>

CSS:

form {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

input[type="text"], textarea {
  font-size: 18px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

input[type="submit"] {
  font-size: 18px;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  cursor: pointer;
}

JavaScript:

<script>
  // Confirm before deleting a note
  function confirmDelete(id) {
    if (confirm("Are you sure you want to delete this note?")) {
      // Send a request to delete the note
      var xhr = new XMLHttpRequest();
      xhr.open('POST', 'delete.php');
      xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
      xhr.onload = function() {
        if (xhr.status === 200) {
          // Remove the deleted note from the page
          var note = document.getElementById(id);
          note.parentNode.removeChild(note);
        }
      };
      xhr.send('id=' + id);
    }
  }
</script>

This code allows users to write and save notes by filling out a form and submitting it. The PHP code handles the form submission and inserts the data into a database. The HTML and CSS code create the form and style it. The JavaScript code adds a confirmation prompt when a user clicks the delete button for a note.

This is just one example of how you can create a web application for women to use in writing and saving notes. There are many other ways to implement this functionality, and you may want to customize

Leave a Comment

Your email address will not be published. Required fields are marked *