AJAX – insert data in mysql – Blancer.com Tutorials and projects

The code below displays a message after typing a value into the field

Poprawnie zapisano: - but without this value

Also does not write anything to the database. Did I make a mistake somewhere?

HTML file

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

        <input type="text" id="wartosc" placeholder="Wartość do zapisania">
        <button id="zapiszBtn">Zapisz do bazy danych</button>


        <script>
            $(document).ready(function(){
                $("#zapiszBtn").click(function(){
                    var wartosc = $("#wartosc").val();
                    $.ajax({
                        url: "zapisz.php",
                        type: "POST",
                        data: wartosc,
                        success: function(wartosc){
                            alert("Poprawnie zapisano: " + wartosc);
                        }
                    });
                });
            });
        </script>
</body>

ZAPISZ.php

<?php

$sname= "localhost";
$unmae= "root";
$password = "root";

$db_name = "vote2";

$conn = mysqli_connect($sname, $unmae, $password, $db_name);

if (!$conn) {
    echo "Połączenie się nie powiodło!";
}

// Uzyskanie wartości z AJAX
if(isset($_POST['wartosc'])){

    $wartosc = $_POST['wartosc'];

    // Wstawienie wartości do bazy danych
    $stmt = $pdo->prepare("INSERT INTO 'test' ('r1') VALUES ('$wartosc')");
    $result = mysql_query($stmt);


    if($result) {
        echo "Wartość została pomyślnie zapisana do bazy danych.";
        } else {
            echo "Wystąpił błąd podczas zapisywania wartości do bazy danych.";
        }
}

?>

I would like the value I enter in the field to be saved in the database