質問するログイン新規登録

質問編集履歴

1

質問の内容を若干変更しました。

2021/07/06 08:58

投稿

patorioddo623
patorioddo623

スコア12

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  #####vue.jsを用いてパスワードを自動生成するプログラムを作成するという課題をしています。
2
- 作成するに当たって、テキストボックスが1つ作り、そのテキストボックスに入力された数値を文字数としてランダムなパスワード文字列を生成するプログラムを作成し、テキストボックスの数値が変更されるたびに新たなパスワード文字列が自動生成されるようにしたいです。(テキストボックスの初期値は8としてます。)
2
+ 作成に当たって、テキストボックスが1つ作り、そのテキストボックスに入力された数値を文字数としてランダムなパスワード文字列を生成するプログラムを作成し、テキストボックスの数値が変更されるたびに新たなパスワード文字列が自動生成されるようにしました。(テキストボックスの初期値は8としてます。)
3
3
  また、条件として
4
4
  「テキストボックスに入力された文字数の分だけ、ループするようにしてください。1回のループで、以下のような処理を行います:
5
5
  0から61までのランダムな数を取得:
@@ -9,11 +9,9 @@
9
9
  たとえば、文字列の変数 a の先頭から x 番目にある1文字を取り出したい場合は、a.slice(x, x + 1) と書けばOKです」
10
10
  というものがでています。
11
11
 
12
- 具体的には、このランダムな数を取得した後、sliceメソッドでどういうふうに書けば適切に任意の文字列(パスワード)が得られるが分かりません。
13
-
14
12
  以下が現在のコードです。
13
+ 数値を入力するとその桁数に合わせたパスワード生成は完成したのですが、上記のsliceを用いる方法ではありません。どのように取り入れればいいでしょうか?
15
14
 
16
-
17
15
  html
18
16
  ```
19
17
  <!DOCTYPE html>
@@ -47,13 +45,14 @@
47
45
  data: {
48
46
  password_length: 8,
49
47
  },
50
- computed: {
48
+ methods: {
51
49
  password() {
50
+ let result = '';
52
- for (var i = 1; i <= this.password_length; i++) {
51
+ for (var i = 0; i < this.password_length; i++) {
53
-
52
+ result += letters[Math.floor(Math.random() * letters.length)];
54
53
  }
55
- return '';
54
+ return result;
56
- },
55
+ },
57
56
  },
58
57
  });
59
58
  ```