JavaScriptを学ぶ私の潮流:チョーク&Readlinesync


それで、あなたは私の最初のブログ柱についに着陸しました.ようこそ!🎉
このチュートリアルは初心者向けです.
いくつかの経験を持っている場合は、コードレビューをしているように、以下のコメントであなたの考えを置くようにこれを読んでください.
ビーストモード.

ジャバスクリプト


JSは驚くべきです、それはC++またはJavaのような構文です.これは、Web、デスクトップ、Android用のアプリを書くために使用することができます.私はそれが驚くべき言及?repl.itランタイムでnode.jsを使用します.
ヒント242479142でプログラムを実行するためにCtrl + Enterを使用します.

コンソールへの印刷


コンソールに出力するには、次の手順に従います.
console.log("Hello world!");
出力:

変数を出力します.
var x = 2020;
console.log("The year is: " + x);
出力:

しかし、それは非常に黒と白です.repl.itというパッケージを使用して色でスタイルを整えます.

whatsチョーク?


次のようになります.

Terminal string styling done right


我々は、カラーコンソール出力にそれを使用することができます.しかし最初にインストールする必要があります.ここでは、chalk大きな仕事です.必要なパッケージを自動的にインストールします.repl.itパッケージを含めて起動します.
const chalk = require('chalk');
さて、緑で印刷するには:
console.log(chalk.green("Its green!"));
出力:

テキストを下線にする
console.log(chalk.underline.blue("Its underlined and its blue!"));
出力:

そして、ずっと.チョークのNPMのドキュメントを見てください.

ユーザ入力を受け入れる


私たちはコンソールに印刷する方法を知っています.何か私たちはいくつかのユーザー入力が必要ですか?chalkはそのためだけに作られたライブラリです.
パッケージを含める
var readlineSync = require('readline-sync');
次のようにユーザー入力を取ることができます.
var userName = readlineSync.question("Enter your name: ");
出力:

変数readlineSyncに入力を得た.色で印刷することができます!
console.log("Welcome " + chalk.yellowBright(userName) + "!");
出力:

アレイ


配列は、インデックスを使用してアクセスできる変数のコレクションです.
歌ジャンルの単純なリスト:
var songGenres = ["Blues", "RnB", "Pop", "Rock"];
第1および第3のジャンルを印刷します
//first genre
console.log(songGenres[0]);

//third genre
console.log(songGenres[2]);
出力:

インデックス番号は0から始まります.したがって、ここでインデックス番号として0、1、2、3があります.
今、一緒にすべてを入れて、曲を選択するプログラムを構築することができます.
必須パッケージを含める
var readlineSync = require('readline-sync');
const chalk = require('chalk');
リストとして曲を保存する配列を定義します.
var songs = ["Skyfall", "Beautiful times", "Bailando", "Grenade"];
これらは途中で私のお気に入りです.
ユーザ名を入力として取得します.
var userName = readlineSync.question("Whats your name? ");
現在、userNameと呼ばれるreadlineSync'sのメソッドを使用して、リストから曲を選択します.
var favSong = readlineSync.keyInSelect(songs, "Choose a song:");

console.log(chalk.red("You chose " + songs[favSong] + "!"));
console.log(chalk.green("The tutorial is over. Enjoy the song!"));
出力:

今のすべてのthats


最良の方法を学び、情報を保持する誰かにそれを教えるか、それを文書化することです.私はシンプルで楽しくエキサイティングなこのポストを維持しようとしている.
だから、あなたの鍵を取得.セットする.とコード!
JavaScriptについてもっと投稿します.我々はまだ表面をひっかいていない.たくさん学ぶことがある!
ご提案や疑問の下にコメントしてください.私は質問に答えるために最善を尽くします.keyInSelect👍🤘