JSFiddle - React, Tailwind, and code Playground

HTML

<div class="console">
  <div class="msg-params hide"></div>
  <div class="msg-core">Message de base</div>
  <div class="msg-user"><input type="text"></div>
</div>

CSS

.console {
	height: 400px;
	width: 700px;
	background-color: #000;
	color: #FFF;
	border: 2px solid orange;
	border-radius: 3px;
	margin: 0 auto;
	margin-top: 120px;
	padding: 5px;
}
.msg-user:before {
  content: "> ";
}
.msg-user input {
  border: none;
  background:none;
  color: #FFF;
  outline: none;
}
.hide {
  display: none;
}

JavaScript

alert ('Ok');
jQuery(document).ready (function($) {
	alert ('DONNNE');
	var $console = $('.console');
	$($console).keypress(function(event){ 
		alert ('Done');
		var keycode = (event.keyCode ? event.keyCode : event.which);
		if(keycode == '13'){
			alert ('DONE');
			var $params = $('.msg-params', $console);
			var $msg = $('.msg-user');
			var $input = $('input', $msg);
	
			var params = $params.text();
			var command = $input.val();
	
			$msg.remove();
			$console.append('<div class="msg-core">'+command+'</div>');
	/*
			$.post('console.php', {
				params:params,
				command:command
			}).done(function(data){
				*/
var data = {
"return":"Retour dans la console",
"params":"Paramètres pour traiter la prochaine commande"
}

//var data = $.parseJSON(data);
$console.append('<div class="msg-core">'+data.return+'</div>');
				alert ('Reussis');
				$params.text(data.params);
				$console.append('<div class="msg-user"><input type="text"></div>');/*
			}).fail(function(){
				alert ('Erreur.');
			});*/
		}
	});
});