basti1012.bplaced.net

Hallo, Scripter, ich bin neu hier und möchte meine Probleme beheben! Ich habe alle Möglichkeiten recherchiert und keine Lösung gefunden, also komme ich hier auf Punkt. Ich versuche an eine String Text, wo ich was reinschreiben kann und sobald ich absenden soll er im Feld lesen/erkennen können.

Code

                                    
                                <script src="/js_webseite/jquery.js"></script>
<style>
  body{
  margin-left:calc(50% - 250px);
  background: linear-gradient(135deg, rgba(201,201,211,1) 27%,rgba(88,95,114,1) 100%);
}
#ecke{
    width: 100px;
    height: 0;
    border-top: solid 50px #111D2D;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
    position: relative;
    margin-left:calc(50% - 80px);
}
#conti{
  width:500px;
  height:600px;
  border:10px solid #2D2D2D;
  border-radius:20px;
  text-align:center;
  background: linear-gradient(135deg, rgba(201,201,211,1) 27%,rgba(88,95,114,1) 100%);
  box-shadow:8px 8px 8px grey;
}
#name{
  margin-top:100px;
  height:60px;
  width:90%;
  border-radius:10px;
  border:5px solid grey;
  color:black;
  font-size:50px;
  font-weight:bold;
  padding-left:10px;
  background:lightgrey; 
}
#pass{
  margin-top:10px;
  height:60px;
  width:90%;
  border-radius:10px;
  border:5px solid grey;
  color:black;
  font-size:50px;
  font-weight:bold;
  padding-left:10px;
  background:lightgrey;
}
#name:focus,#pass:focus{
 background:lightgreen;
  outline:none;
}
#login,#reg{
  margin-top:60px;
  width:45%;
  height:60px;
  border-radius:10px;
  border:5px solid black;
  color:black;
  font-size:30px;
  font-weight:bold;
  background:#999;
}
#login:hover,#reg:hover{
  color:white;
  background:#2D2D2D;
}
</style>
<div id="conti">
  <div id="ecke"></div>
  <input type="text" id="name" value="" placeholder="Name eingeben"><br>
  <input type="password" id="pass" value="" placeholder="Password eingabe"><br>
  <span>
    <input type="button" id="login" value="Login">
    <input type="button" id="reg" value="registrieren">      </span>
</div>
<script>
  $('#login').click(function(){
  n1=$('#name').val();
  p1=$('#pass').val();
  alert('Login mit den \nNamen : '+n1+'\nPasswort : '+p1)
});
$('#reg').click(function(){
  n2=$('#name').val();
  p2=$('#pass').val();
  alert('Registrieren mit den \nNamen : '+n2+'\nPasswort : '+p2)
});
</script>