JavaScript new line | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

JavaScript new line

Hello I see thé différents strings and slash and i would make a new line, they tell that i must put \n but i haven’t the good result Thank https://code.sololearn.com/Wc52411zCGPD/?ref=app

4th Dec 2018, 7:27 PM
Axelle
18 Answers
+ 6
// You can use \n If is a inner Text but HTML use the <br/> to create a new line.
4th Dec 2018, 8:33 PM
program
program - avatar
+ 6
// Salut visph, // 1) Si tu ne utilise pas document.write, il y'a console.log pour la console. // 2) ...Je pense que on va obtenir la même chose
6th Dec 2018, 7:38 PM
program
program - avatar
+ 5
Why not try <br> It's Used for HTML line break But \n for js only
4th Dec 2018, 7:29 PM
Ahlin Chan
Ahlin Chan - avatar
+ 3
JS outputs are usually done in a web (html) page, where new lines (\n) are mostly interpreted as spaces (and multy spaces collapsed)... The simplest way to do a new line on an html output, as stated by Mirage🌹, is to insert a <br> tag, or enclose/put your text in/to an html element wich treat new lines (\n) as new lines (the .value property of an <input>, the .innerHTML / .innerText of a <pre>, or any element styled to output new lines char as is -- white-space css property -- to change the default behavior). Also, html tags needs to be outputed through either document.write() method or .innerHTML property, but not in .innerText property (because in this last case, the tags are treated as raw text, and are not interpreted as html content ;))
4th Dec 2018, 7:52 PM
visph
visph - avatar
+ 3
Salut // Zohir Ca dépend: si le but but est d'écrire dans le document, ça ne va pas aider :P
6th Dec 2018, 7:43 PM
visph
visph - avatar
+ 1
Axelle wrote << activate(start) the action(share) >> I don't understand what do you mean? Until you don't defer the execution of JS by some event handling, the code is executed as soon as it is encountered by the html parser... so if you document.write() when you're in the head, the <body> is implicitly open, and all the "real" body content will be put after; if you document.write somewhere in the body, the text is inserted exactly here; and if document.write after the <body></body>, all the content of the page is cleared and a new body is implicitly opened with the wrote text: <div> some html content before your script <hr> <script> document write('some text/html content inserted with JS'); </script> <hr> some html content after your script </div> Anyway, document.write is not the better/only way to output text, except if you only fill your document with JS... in others cases, you should prefer to use .innerHTML, .innerText, or .value properties ^^
5th Dec 2018, 11:34 PM
visph
visph - avatar
+ 1
Je vois dans ton profil que tu sembles être française : exposes moi ton problème en français, on se comprendra probablement mieux ;) 1) Si tu ne mets pas "document.write", tu mets quoi à la place ? 2) Que cherches-tu à faire et à obtenir comme résultat ?
6th Dec 2018, 7:26 PM
visph
visph - avatar
0
i use \n in javascript but it don't make a new line 😅
4th Dec 2018, 10:25 PM
Axelle
0
var sayHello = 'Hello world!<br>I am a JavaScript programmer.'; document.write(sayHello); // or: var sayHello = '<pre>Hello world!\nI am a JavaScript programmer.</pre>'; document.write(sayHello); ... but keep in mind that document.write() done after the full load of the web page will clear your document content ^^ (in code playground JS tab is loaded in the <head> section of the html, so document.write() in this case occurs before the <body> section was loaded, until you defer the execution -- as with a document.onload event, or when handling an element event such as a button click ;))
5th Dec 2018, 8:02 AM
visph
visph - avatar
0
ok thank’s the code is good but in html i must put in head or is better that put in body ? and So that Javascript works it is necessary document.write () to activate(start) the action(share) that's it?
5th Dec 2018, 9:12 PM
Axelle
0
for the new line i have found but if i don't put the document.write le result is not displayed
6th Dec 2018, 6:59 PM
Axelle
0
salut je cheche a savoir a quoi sert exacatement document.write, si c'est juste pour déclancher l'action demandée juste avant ds le code ou si il sert a autre chose... car si il est absent du code tousles attributs,etc ne sont pas appliqués
7th Dec 2018, 11:59 AM
Axelle
0
document.write() sert à écrire directement dans le code source (html) de la page... tant que la page n'est pas chargée / analysée complètement : suite à une requête, le navigateur ouvre un fichier (distant ou local, peu importe), le charge en mémoire, l'analyse et l'affiche au fur et à mesure, et quand il arrive au bout (typiquement quand il arrive à la balise de fin </html>) il "ferme" le document (virtuellement: la page est maintenant affichée, et dite "chargée complètement"). Si l'appel à document.write() se produit après que le document soit complètement chargé (fermé), un nouveau document (fichier virtuel/code source) vierge est implicitement ouvert (document.open()), et l'écriture se fait donc dans une nouvelle page qui est analysée et affichée comme si on chargeait un autre fichier. La fermeture n'est pas implicite par contre, ce qui fait qu'on peut générer un nouveau contenu avec plusieurs appel consécutifs de document.write(), et on est sensé appeler document.close() quand on a terminé. (1/2)
7th Dec 2018, 12:14 PM
visph
visph - avatar
0
(2/2) ... même si ça marche sans. https://developer.mozilla.org/fr/docs/Web/API/Document/write << si il est absent du code tous les attributs, etc. ne sont pas appliqués >> Tu peux donner un exemple d'un tel cas de figure ? Parce que je ne vois pas vraiment qu'est-ce qui ne peut pas être appliqué dans ce cas (au contraire, c'est rare qu'on utilise document.write dans les cas "normal" d'utilisation, c'est surtout un moyen simple et rapide d'afficher un résultat dans une page vierge quand on veut tester du code JS sans se préoccupper de comment le mettre en page -- le résultat -- avec HTML et CSS) ?
7th Dec 2018, 12:19 PM
visph
visph - avatar
0
je compre ds a suoo il sert avec la page virtuelle pour charger la page mais effectivement il n'y a pas besoin de document quand css est bien relié a html mais du coup ... il sert pour le chargement de la page mais on en a pas besoin en general .... faut le mettre ou pas ?
7th Dec 2018, 12:30 PM
Axelle
0
Si tu veux faire du javascript qui interagit avec une page html, c'est à utiliser avec précaution (pour ne pas faire disparaître le contenu de la page), mais si tu veux juste faire du javascript et afficher le résultat sous forme de texte, ce n'est pas nécessaire de t'embêter avec du code html/css (bien qu'il faille garder en tête que c'est du html/css que tu affiches à la volée -- le coup du \n qui marche pas dans la plupart des cas, des caractères "dangereux", comme le chevron ouvrant les balises <, qui peuvent faire disparaître tout ou partie du texte que tu veux afficher...) et surtout avec l'interaction entre le code html/css qui ajoute à la complexité quand on débute (mais qui n'est pas insurmontable non plus). L'alternative, simple et non conflictuelle avec du html/css (à part celle évoquée par Zohir -- console.log(): la sortie est un peu cachée en général, même si dans le code playground de l'application c'est commode, dans la version web ça marche + ou - selon les navigateurs) c'est le alert()
7th Dec 2018, 12:43 PM
visph
visph - avatar
0
Le alert() supporte normalement tous les caractères et les saut de ligne (\n). En revanche, c'est temporaire, et relativement limité en contenu (ça ouvre une boite de dialogue avec le contenu texte passé en argument): alert("salut tout le monde!\nJe suis un programmeur JavaScript."); Sinon, il faut apprendre à sélectionner les élément html dans la page, et leur assigner du contenu texte (ou du contenu html)... certains éléments étant plus adaptés à cet usage (les champs de formulaire), mais moins "heureux" comme rendu (ils ont une propriété "value" qui n'attend que du texte), et d'autres permettent d'injecter du contenu "enfant" en quelque sorte entre les balises html, soit texte brut (propriété innerText) soit texte Html (propriété innerHtml) qui sera analysé et affiché un peu comme avec document.write, mais en ne remplaçant qu'une sous-partie du document au lieu du document entier...
7th Dec 2018, 12:51 PM
visph
visph - avatar
0
merci tt le monde je suis pas encore assez avancée pour me servir de tout ca concernant javascript mais je reviendrai sur vos reponse quand j'en aurai besoin 😊😉
8th Dec 2018, 7:00 AM
Axelle