Retrait du retour à la ligne dans un script java

Fermé
Paupietteoupatate - Modifié par Paupietteoupatate le 31/08/2014 à 12:33
 Paupietteoupatate - 31 août 2014 à 15:05
Bonjour à tous,

Voici mon problème :

Dans un HTML, j'ai inséré un script afin d'obtenir l'affichage de 2 mots aléatoires. J'ai donc créer un fichier .html, ainsi que 2 fichiers .js, un pour chaque mot.

Mon souci est que quand je lance mon HTML, j'ai l'affichage suivant :

premier3
deuxieme5


Mais j'aimerai qu'il s'affiche de la façon suivante :

premier3 deuxieme5

Avez-vous une solution pour retirer ce retour à la ligne ? J'ai cherché partout sur le net et je n'ai trouvé seulement comment l'inclure !!

Le peu de prog que j'ai fait, c'était il y a 10 ans, donc je suis un peu rouillée ;)

Merci de prendre mon message en considération et d'éclairer mes lanternes.

Voici mon fichier HTML :
<html>
<head>
<script type="text/javascript" src="fichierPremierMot.js"></script>
<script type="text/javascript" src="fichierDeuxiemeMot.js"></script>

</head>
<body onload="premier();deuxieme()">

<div id="mon_premier_mot";></div>
<div id="mon_deuxieme_mot";></div>

</body>
</html>


Mon fichierPremierMot.js :
function premier() {

// nombre total de citations
var nombre_textes = 5;

// on demande un nombre aleatoire a l'ordinateur
var nombre_aleatoire = Math.random();
var numero = Math.round( ( nombre_textes - 1 ) * nombre_aleatoire ) + 1;

textes = new Array;

// textes disponibles
textes[1] = "premier1";
textes[2] = "premier2";
textes[3] = "premier3";
textes[4] = "premier4";
textes[5] = "premier5";

document.getElementById("mon_premier_mot").innerHTML = textes[numero];
}


Mon fichierDeuxiemeMot.js :
function deuxieme() {

// nombre total de citations
var nombre_textes = 5;

// on demande un nombre aleatoire a l'ordinateur
var nombre_aleatoire = Math.random();
var numero = Math.round( ( nombre_textes - 1 ) * nombre_aleatoire ) + 1;

textes = new Array;

// textes disponibles
textes[1] = "deuxieme1";
textes[2] = "deuxieme2";
textes[3] = "deuxieme3";
textes[4] = "deuxieme4";
textes[5] = "deuxieme5";

document.getElementById("mon_deuxieme_mot").innerHTML = textes[numero];
}


Merci à vous et bonne journée.

A voir également:

2 réponses

codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 31/08/2014 à 14:37
Il suffis de remplacer les div par des span.

les div c'est des block donc normale il font cette effet la.
c'est la base du html
0
Merci !!!! C'est nickel !!

Je l'avais dit que j'étais rouillée. Je m'y mets juste pour me faciliter la vie avec ce script. Je n'avais pas envie de reprendre les bases juste pour ça, alors que la prochaine fois que je recoderai, ça sera sûrement dans 10 ans ;)
0