Hola, recomiendo para hacer las pruebas tanto de Javascript de este curso, como para hacer pruebas puntuales de desarrollo web (Javascript, CSS y HTML, con sus preprocesaores) la herramienta Codepen.
Esta permite como decía escribir HTML, CSS y JS puros o con algunos de sus preprocesadores más conocidos. Esta herramienta también ahorra el trabajo de tener que copiar y pegar el contenido de un lado a otro si son cosas puntuales las que se necesitan probar.
Dejo el link a continuación y espero que sea de su agrado.
<!DOCTYPE html>
\n<meta charset=\u201cUTF-8\u201d>
<?php
\n$con = mysqli_connect(\u2018localhost\u2019, \u2018root\u2019,\u2019\u2019,\u2018aplicacionej\u2019) or die (\u201cError!\u201d);
\n?>
\n<html>
\n<head>
\n<title> Alta - bajas - modifiaciones </title>
\n<meta charset=\u201cutf-8\u201d>
\n</head>
<form method=\u201cPOST\u201d action=\u201cABC.php\u201d>
\n<label>Nombre:<br></label>
\n<input type=\u201ctext\u201d name=\u201cnombre\u201d placeholder = \u201cEscriba su nombre\u201d><br />
\n<label>Contrase\u00f1a:<br> </label>
\n<input type=\u201cpassword\u201d name=\u201cpassw\u201d placeholder = \u201cEscriba su contrase\u00f1a\u201d><br />
\n<label>Email:<br></label>
\n<input type=\u201ctext\u201d name=\u201cemail\u201d placeholder = \u201cEscriba su email\u201d><br /><br>
\n<input type=\u201csubmit\u201d name=\u201cinsert\u201d value = \u201cINSERTAR DATOS\u201d>
</form>
\n<?php
\nif(isset($_POST[\u201cinsert\u201d])){
\n$usuario = $_POST[\u201cnombre\u201d];
\n$pass = $_POST[\u201cpassw\u201d];
\n$email = $_POST[\u201cemail\u201d];
\t$insertar = "INSERT INTO users (usuario,password,email) VALUES ('$usuario', '$pass', '$email')";\n\t$ejecutar = mysqli_query($con, $insertar);\n\n\tif ($ejecutar){\n\t\techo "<h3>Insertado Correctamente</h3>";\n\t}\n}\n?>
\n<br/>
\n<center><table width=\u201c500\u201d border=\u201c2\u201d style="background-color: #F9F9F9; ">
\n<tr>
\n<th>Id</th>
\n<th>Usuario</th>
\n<th>Password</th>
\n<th>Email</th>
\n<th>Editar</th>
\n<th>Borrar</th>
\n</tr></center>
\n<?php
\n$consulta = \u201cSELECT * FROM users\u201d;
\n$ejecutar = mysqli_query($con, $consulta);
\n$i = 0;
\nwhile ( $fila = mysqli_fetch_array($ejecutar)) {
\n$id = $fila[\u2018id\u2019];
\n$usuario = $fila[\u2018usuario\u2019];
\n$password = $fila[\u2018password\u2019];
\n$email = $fila[\u2018email\u2019];
$i++;\n?>
\n<tr align=\u201ccenter\u201d>
\n<td><?php echo $id; ?></td>
\n<td><?php echo $usuario; ?></td>
\n<td><?php echo $password; ?></td>
\n<td><?php echo $email; ?></td>
\n<td><a href=\u201cABC.php?editar=<?php echo $id; ?>\u201d>Editar</a></td>
\n<td><a href=\u201cABC.php?borrar=<?php echo $id; ?>\u201d>Borrar</a></td>
\n</tr>
\n<?php } ?>
\n</table>
<?php
\nif(isset($_GET[\u2018editar\u2019])){
\ninclude(\u201ceditar.php\u201d);
\n}
\n?>
<?php
\nif(isset($_GET[\u2018borrar\u2019])){
\n$borrar_id = $_GET[\u2018borar\u2019];
\n$borrar = \u201cDELETE FROM users WHERE id = \u2018$borrar_id\u2019\u201d;
\n$ejecutar = mysqli_query($con, $borrar);
if ($ejecutar){\n\techo "<script>alert('El usuario ha sido borrado!')</script>";\n\techo "<script>windoows.open('ABC.php','_self')</script>";\n}\n}
\n?>
\n</body>
\n</html>
| Id | \n\t\tUsuario | \n\t\tPassword | \n\t\tEditar | \n\t\tBorrar | \n\t|
|---|---|---|---|---|---|
| \n | \n | \n | \n | \">Editar | \n\">Borrar | \n
<?php
if(isset($_GET[‘editar’])){
$editar_id = $_GET[‘editar’];
}
?>
<br />
<form method=“POST” action="">
<input type=“text” name=“nombre” value="<?php echo $usuario; ?>"><br />
<input type=“password” name=“passw” value="<?php echo $pass; ?>"><br />
<input type=“text” name=“email” value="<?php echo $email; ?>"><br />
<input type=“submiT” name=“actualizar” value=“ACTUALIZAR DATOS”>
</form>
<?php
if (isset($_POST[‘actualizar’])){
$actualizar_nombre = $_POST[‘nombre’];
$actualizar_password = $_POST[‘passw’];
$actualizar_email = $_POST[‘email’];
$actualizar = “UPDATE users SET usuario=’$actualizar_nombre’, password=’$actualizar_password’, email=’$actualizar_email’ WHERE id=’$editar_id’”;
$ejecutar = mysqli_query($con, $actualizar);
if ($ejecutar){
echo “<script>alert(‘Datos Actualizados!’)</script>”;
echo “<script>windoows.open(‘ABC.php’,’_self’)</script>”;
}
}
?>
<!DOCTYPE html>
<meta charset=“UTF-8”>
<?php
$con = mysqli_connect(‘localhost’, ‘root’,’’,‘aplicacionej’) or die (“Error!”);
?>
<html>
<head>
<title> Alta - bajas - modifiaciones </title>
<meta charset=“utf-8”>
</head>
<form method=“POST” action=“ABC.php”>
<label>Nombre:<br></label>
<input type=“text” name=“nombre” placeholder = “Escriba su nombre”><br />
<label>Contraseña:<br> </label>
<input type=“password” name=“passw” placeholder = “Escriba su contraseña”><br />
<label>Email:<br></label>
<input type=“text” name=“email” placeholder = “Escriba su email”><br /><br>
<input type=“submit” name=“insert” value = “INSERTAR DATOS”>
</form>
<?php
if(isset($_POST[“insert”])){
$usuario = $_POST[“nombre”];
$pass = $_POST[“passw”];
$email = $_POST[“email”];
?>
<br/>
<center><table width=“500” border=“2” style="background-color: #F9F9F9; ">
<tr>
<th>Id</th>
<th>Usuario</th>
<th>Password</th>
<th>Email</th>
<th>Editar</th>
<th>Borrar</th>
</tr></center>
<?php
$consulta = “SELECT * FROM users”;
$ejecutar = mysqli_query($con, $consulta);
$i = 0;
while ( $fila = mysqli_fetch_array($ejecutar)) {
$id = $fila[‘id’];
$usuario = $fila[‘usuario’];
$password = $fila[‘password’];
$email = $fila[‘email’];
?>
<tr align=“center”>
<td><?php echo $id; ?></td>
<td><?php echo $usuario; ?></td>
<td><?php echo $password; ?></td>
<td><?php echo $email; ?></td>
<td><a href=“ABC.php?editar=<?php echo $id; ?>”>Editar</a></td>
<td><a href=“ABC.php?borrar=<?php echo $id; ?>”>Borrar</a></td>
</tr>
<?php } ?>
</table>
<?php
if(isset($_GET[‘editar’])){
include(“editar.php”);
}
?>
<?php
if(isset($_GET[‘borrar’])){
$borrar_id = $_GET[‘borar’];
$borrar = “DELETE FROM users WHERE id = ‘$borrar_id’”;
$ejecutar = mysqli_query($con, $borrar);
}
?>
</body>
</html>