From cb686ca8125e367f3c36a265cca31380e0245d5c Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 10 May 2020 19:47:00 +0900 Subject: [PATCH 01/18] Create assessment.html --- assessment.html | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 assessment.html diff --git a/assessment.html b/assessment.html new file mode 100644 index 000000000..b2b40c7b4 --- /dev/null +++ b/assessment.html @@ -0,0 +1,18 @@ + + + + + + 診断 + + + +

あなたのいいところは？

+

診断したい名前を入れてください。

+ + +
+
+ + + From 86d2f8105f2aa3d952298159bcc7f2f7cb5c358c Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 10 May 2020 19:48:06 +0900 Subject: [PATCH 02/18] Create assessment.css --- assessment.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 assessment.css diff --git a/assessment.css b/assessment.css new file mode 100644 index 000000000..d0644f36c --- /dev/null +++ b/assessment.css @@ -0,0 +1,18 @@ +body { + background-color:#04A6EB; + color:#FDFFFF; + width: 500px; + margin-left: auto; + margin-right: auto; +} + +button { + padding: 5px 20px; + background-color: rgb(183, 51, 91); + border-style: solid; + color: #FDFFFF; +} + +input { + height: 20px; +} From be2f041423a97e432c389c6f5098620e86860b5d Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 10 May 2020 19:48:34 +0900 Subject: [PATCH 03/18] Create assessment.js --- assessment.js | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 assessment.js diff --git a/assessment.js b/assessment.js new file mode 100644 index 000000000..6059b4b2e --- /dev/null +++ b/assessment.js @@ -0,0 +1,91 @@ +const userNameInput = document.getElementById('user-name'); +const assessmentButton = document.getElementById('assessment'); +const resultDivided = document.getElementById('result-area'); +const tweetDivided = document.getElementById('tweet-area'); + +// 指定した要素の子どもを全て削除する +function removeChildren (element){ + while (element.firstChild){ + element.removeChild(element.firstChild); + } +} + +assessmentButton.onclick = () => { + const userName = userNameInput.value; + if (userName.length === 0){ + return; + } else { + console.log(userName); + } + + userNameInput.onkeydown = (event) => { + if (event.key === 'Enter'){ + assessmentButton.onclick(); + } + }; + +// 診断結果表示エリアの作成 +removeChildren(resultDivided); +const header = document.createElement('h3'); +header.innerText = '診断結果'; +resultDivided.appendChild(header); + +const paragraph = document.createElement('p'); +const result = assessment(userName); +paragraph.innerText = result; +resultDivided.appendChild(paragraph); +} + +// ツイートエリアの作成 +removeChildren(tweetDivided); +const anchor = document.createElement('a'); +const hrefValue = 'https://twitter.com/intent/tweet?button_hashtag=' + encodeURIComponent('あなたのいいところ') + '&ref_src=twsrc%5Etfw'; + +anchor.setAttribute('href', hrefValue); +anchor.className = 'twitter-hashtag-button'; +anchor.setAttribute('data-text', '診断結果の文章'); +anchor.innerText = 'Tweet #あなたのいいところ'; + +tweetDivided.appendChild(anchor); + +const script = document.createElement('script'); +script.setAttribute('src', 'https://platform.twitter.com/widgets.js'); +tweetDivided.appendChild(script); + +const answers = [ +'{userName}のいいところは声です。{userName}の特徴的な声は皆を惹きつけ、心に残ります。', +'{userName}のいいところはまなざしです。{userName}に見つめられた人は、気になって仕方がないでしょう。', +'{userName}のいいところは情熱です。{userName}の情熱に周りの人は感化されます。', +'{userName}のいいところは厳しさです。{userName}の厳しさがものごとをいつも成功に導きます。', +'{userName}のいいところは知識です。博識な{userName}を多くの人が頼りにしています。', +'{userName}のいいところはユニークさです。{userName}だけのその特徴が皆を楽しくさせます。', +'{userName}のいいところは用心深さです。{userName}の洞察に、多くの人が助けられます。', +'{userName}のいいところは見た目です。内側から溢れ出る{userName}の良さに皆が気を惹かれます。', +'{userName}のいいところは決断力です。{userName}がする決断にいつも助けられる人がいます。', +'{userName}のいいところは思いやりです。{userName}に気をかけてもらった多くの人が感謝しています。', +'{userName}のいいところは感受性です。{userName}が感じたことに皆が共感し、わかりあうことができます。', +'{userName}のいいところは節度です。強引すぎない{userName}の考えに皆が感謝しています。', +'{userName}のいいところは好奇心です。新しいことに向かっていく{userName}の心構えが多くの人に魅力的に映ります。', +'{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', +'{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', +'{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。' +] + +// 名前の文字列を渡すと診断結果を返す関数 +function assessment(userName){ +let sumOfCharCode = 0; +for (let i = 0; i < userName.length; i++){ + sumOfCharCode = sumOfCharCode + userName.charCodeAt(i); +} + let index = sumOfCharCode % answers.length; + let result = answers[index]; + result = result.replace(/\{userName\}/g, userName); + return result; +} +// テストコード +console.assert( + assessment('太郎') === '太郎のいいところは決断力です。太郎がする決断にいつも助けられる人がいます。', '診断結果の文言の特定の部分を名前に置き換える処理が正しくありません。' +); +console.assert( + assessment('太郎') === assessment('太郎'), '入力が同じ名前なら同じ診断結果を出力する処理が正しくありません。' +); From f206a3e9a8f3290f9ed567e7b6aa5bf19a371721 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 10 May 2020 19:55:58 +0900 Subject: [PATCH 04/18] =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=88=E3=83=AB?= =?UTF-8?q?=E3=81=AE=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assessment.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assessment.html b/assessment.html index b2b40c7b4..3fbeaad54 100644 --- a/assessment.html +++ b/assessment.html @@ -3,7 +3,7 @@ - 診断 + kensuketachiが作ったあなたのいいところ診断 From 02317c851bffb4bdc39733bc94064a086dcaf916 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sat, 16 May 2020 14:51:01 +0900 Subject: [PATCH 05/18] Update assessment.js --- assessment.js | 1 + 1 file changed, 1 insertion(+) diff --git a/assessment.js b/assessment.js index 6059b4b2e..ef1da038d 100644 --- a/assessment.js +++ b/assessment.js @@ -69,6 +69,7 @@ const answers = [ '{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', '{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', '{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。' +'{userName}のいいところは優しさです。あなたの優しい雰囲気や立ち振る舞いに多くの人が癒やされています。' ] // 名前の文字列を渡すと診断結果を返す関数 From 14a680edea1fb469a54fc5bcb3f9dece4450ed95 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sat, 16 May 2020 14:54:43 +0900 Subject: [PATCH 06/18] =?UTF-8?q?#1=20=E3=81=AB=E5=AF=BE=E3=81=99=E3=82=8B?= =?UTF-8?q?=E5=AF=BE=E5=BF=9C=E3=82=92=E8=A1=8C=E3=81=84=E3=81=BE=E3=81=97?= =?UTF-8?q?=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit From 2d0a712a46d105c4d0c1d2db7975cb2a570d94e3 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sat, 16 May 2020 15:16:06 +0900 Subject: [PATCH 07/18] =?UTF-8?q?#1=E3=81=AB=E5=AF=BE=E3=81=99=E3=82=8B?= =?UTF-8?q?=E5=AF=BE=E5=BF=9C=E3=82=92=E8=A1=8C=E3=81=84=E3=81=BE=E3=81=97?= =?UTF-8?q?=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assessment.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assessment.js b/assessment.js index ef1da038d..2b32ea77c 100644 --- a/assessment.js +++ b/assessment.js @@ -68,7 +68,7 @@ const answers = [ '{userName}のいいところは好奇心です。新しいことに向かっていく{userName}の心構えが多くの人に魅力的に映ります。', '{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', '{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', -'{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。' +'{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。', '{userName}のいいところは優しさです。あなたの優しい雰囲気や立ち振る舞いに多くの人が癒やされています。' ] From cf6acf8a6d786711b9c5d2bda9a9cc36cbade5e5 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sat, 16 May 2020 15:40:47 +0900 Subject: [PATCH 08/18] =?UTF-8?q?assessment.js=E3=82=92=E5=89=8A=E9=99=A4?= =?UTF-8?q?=E3=81=97=E3=81=BE=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assessment.js | 92 --------------------------------------------------- 1 file changed, 92 deletions(-) delete mode 100644 assessment.js diff --git a/assessment.js b/assessment.js deleted file mode 100644 index 2b32ea77c..000000000 --- a/assessment.js +++ /dev/null @@ -1,92 +0,0 @@ -const userNameInput = document.getElementById('user-name'); -const assessmentButton = document.getElementById('assessment'); -const resultDivided = document.getElementById('result-area'); -const tweetDivided = document.getElementById('tweet-area'); - -// 指定した要素の子どもを全て削除する -function removeChildren (element){ - while (element.firstChild){ - element.removeChild(element.firstChild); - } -} - -assessmentButton.onclick = () => { - const userName = userNameInput.value; - if (userName.length === 0){ - return; - } else { - console.log(userName); - } - - userNameInput.onkeydown = (event) => { - if (event.key === 'Enter'){ - assessmentButton.onclick(); - } - }; - -// 診断結果表示エリアの作成 -removeChildren(resultDivided); -const header = document.createElement('h3'); -header.innerText = '診断結果'; -resultDivided.appendChild(header); - -const paragraph = document.createElement('p'); -const result = assessment(userName); -paragraph.innerText = result; -resultDivided.appendChild(paragraph); -} - -// ツイートエリアの作成 -removeChildren(tweetDivided); -const anchor = document.createElement('a'); -const hrefValue = 'https://twitter.com/intent/tweet?button_hashtag=' + encodeURIComponent('あなたのいいところ') + '&ref_src=twsrc%5Etfw'; - -anchor.setAttribute('href', hrefValue); -anchor.className = 'twitter-hashtag-button'; -anchor.setAttribute('data-text', '診断結果の文章'); -anchor.innerText = 'Tweet #あなたのいいところ'; - -tweetDivided.appendChild(anchor); - -const script = document.createElement('script'); -script.setAttribute('src', 'https://platform.twitter.com/widgets.js'); -tweetDivided.appendChild(script); - -const answers = [ -'{userName}のいいところは声です。{userName}の特徴的な声は皆を惹きつけ、心に残ります。', -'{userName}のいいところはまなざしです。{userName}に見つめられた人は、気になって仕方がないでしょう。', -'{userName}のいいところは情熱です。{userName}の情熱に周りの人は感化されます。', -'{userName}のいいところは厳しさです。{userName}の厳しさがものごとをいつも成功に導きます。', -'{userName}のいいところは知識です。博識な{userName}を多くの人が頼りにしています。', -'{userName}のいいところはユニークさです。{userName}だけのその特徴が皆を楽しくさせます。', -'{userName}のいいところは用心深さです。{userName}の洞察に、多くの人が助けられます。', -'{userName}のいいところは見た目です。内側から溢れ出る{userName}の良さに皆が気を惹かれます。', -'{userName}のいいところは決断力です。{userName}がする決断にいつも助けられる人がいます。', -'{userName}のいいところは思いやりです。{userName}に気をかけてもらった多くの人が感謝しています。', -'{userName}のいいところは感受性です。{userName}が感じたことに皆が共感し、わかりあうことができます。', -'{userName}のいいところは節度です。強引すぎない{userName}の考えに皆が感謝しています。', -'{userName}のいいところは好奇心です。新しいことに向かっていく{userName}の心構えが多くの人に魅力的に映ります。', -'{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', -'{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', -'{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。', -'{userName}のいいところは優しさです。あなたの優しい雰囲気や立ち振る舞いに多くの人が癒やされています。' -] - -// 名前の文字列を渡すと診断結果を返す関数 -function assessment(userName){ -let sumOfCharCode = 0; -for (let i = 0; i < userName.length; i++){ - sumOfCharCode = sumOfCharCode + userName.charCodeAt(i); -} - let index = sumOfCharCode % answers.length; - let result = answers[index]; - result = result.replace(/\{userName\}/g, userName); - return result; -} -// テストコード -console.assert( - assessment('太郎') === '太郎のいいところは決断力です。太郎がする決断にいつも助けられる人がいます。', '診断結果の文言の特定の部分を名前に置き換える処理が正しくありません。' -); -console.assert( - assessment('太郎') === assessment('太郎'), '入力が同じ名前なら同じ診断結果を出力する処理が正しくありません。' -); From 5e223c1acfc92914738d0fb1d5c2e8955d137fe9 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sat, 16 May 2020 15:41:28 +0900 Subject: [PATCH 09/18] Create assessment.js --- assessment.js | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 assessment.js diff --git a/assessment.js b/assessment.js new file mode 100644 index 000000000..6059b4b2e --- /dev/null +++ b/assessment.js @@ -0,0 +1,91 @@ +const userNameInput = document.getElementById('user-name'); +const assessmentButton = document.getElementById('assessment'); +const resultDivided = document.getElementById('result-area'); +const tweetDivided = document.getElementById('tweet-area'); + +// 指定した要素の子どもを全て削除する +function removeChildren (element){ + while (element.firstChild){ + element.removeChild(element.firstChild); + } +} + +assessmentButton.onclick = () => { + const userName = userNameInput.value; + if (userName.length === 0){ + return; + } else { + console.log(userName); + } + + userNameInput.onkeydown = (event) => { + if (event.key === 'Enter'){ + assessmentButton.onclick(); + } + }; + +// 診断結果表示エリアの作成 +removeChildren(resultDivided); +const header = document.createElement('h3'); +header.innerText = '診断結果'; +resultDivided.appendChild(header); + +const paragraph = document.createElement('p'); +const result = assessment(userName); +paragraph.innerText = result; +resultDivided.appendChild(paragraph); +} + +// ツイートエリアの作成 +removeChildren(tweetDivided); +const anchor = document.createElement('a'); +const hrefValue = 'https://twitter.com/intent/tweet?button_hashtag=' + encodeURIComponent('あなたのいいところ') + '&ref_src=twsrc%5Etfw'; + +anchor.setAttribute('href', hrefValue); +anchor.className = 'twitter-hashtag-button'; +anchor.setAttribute('data-text', '診断結果の文章'); +anchor.innerText = 'Tweet #あなたのいいところ'; + +tweetDivided.appendChild(anchor); + +const script = document.createElement('script'); +script.setAttribute('src', 'https://platform.twitter.com/widgets.js'); +tweetDivided.appendChild(script); + +const answers = [ +'{userName}のいいところは声です。{userName}の特徴的な声は皆を惹きつけ、心に残ります。', +'{userName}のいいところはまなざしです。{userName}に見つめられた人は、気になって仕方がないでしょう。', +'{userName}のいいところは情熱です。{userName}の情熱に周りの人は感化されます。', +'{userName}のいいところは厳しさです。{userName}の厳しさがものごとをいつも成功に導きます。', +'{userName}のいいところは知識です。博識な{userName}を多くの人が頼りにしています。', +'{userName}のいいところはユニークさです。{userName}だけのその特徴が皆を楽しくさせます。', +'{userName}のいいところは用心深さです。{userName}の洞察に、多くの人が助けられます。', +'{userName}のいいところは見た目です。内側から溢れ出る{userName}の良さに皆が気を惹かれます。', +'{userName}のいいところは決断力です。{userName}がする決断にいつも助けられる人がいます。', +'{userName}のいいところは思いやりです。{userName}に気をかけてもらった多くの人が感謝しています。', +'{userName}のいいところは感受性です。{userName}が感じたことに皆が共感し、わかりあうことができます。', +'{userName}のいいところは節度です。強引すぎない{userName}の考えに皆が感謝しています。', +'{userName}のいいところは好奇心です。新しいことに向かっていく{userName}の心構えが多くの人に魅力的に映ります。', +'{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', +'{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', +'{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。' +] + +// 名前の文字列を渡すと診断結果を返す関数 +function assessment(userName){ +let sumOfCharCode = 0; +for (let i = 0; i < userName.length; i++){ + sumOfCharCode = sumOfCharCode + userName.charCodeAt(i); +} + let index = sumOfCharCode % answers.length; + let result = answers[index]; + result = result.replace(/\{userName\}/g, userName); + return result; +} +// テストコード +console.assert( + assessment('太郎') === '太郎のいいところは決断力です。太郎がする決断にいつも助けられる人がいます。', '診断結果の文言の特定の部分を名前に置き換える処理が正しくありません。' +); +console.assert( + assessment('太郎') === assessment('太郎'), '入力が同じ名前なら同じ診断結果を出力する処理が正しくありません。' +); From 55ce080a187f3a5f7f325033b56ac64e6d6907a0 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sat, 16 May 2020 16:55:36 +0900 Subject: [PATCH 10/18] =?UTF-8?q?=E8=A6=8B=E5=87=BA=E3=81=97=E3=82=92?= =?UTF-8?q?=E4=B8=81=E5=AF=A7=E3=81=AB=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assessment.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assessment.html b/assessment.html index 3fbeaad54..840b46dbd 100644 --- a/assessment.html +++ b/assessment.html @@ -7,7 +7,7 @@ -

あなたのいいところは？

+

あなたのいいところを診断します

診断したい名前を入れてください。

From cf985655409d8072b801e3c0009a9381a4540de8 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 29 Nov 2020 11:05:28 +0900 Subject: [PATCH 11/18] Update assessment.html --- assessment.html | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/assessment.html b/assessment.html index 840b46dbd..ab525f579 100644 --- a/assessment.html +++ b/assessment.html @@ -1,18 +1,22 @@ + - - - kensuketachiが作ったあなたのいいところ診断 - + + + assessment + + -

あなたのいいところを診断します

-

診断したい名前を入れてください。

- - -
-
- +

あなたのいいところは？

+

診断したい名前を入れてください

+ + +
診断結果
+
+ + + From 6747fc535fe79323a87aefe37393971f374717f5 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 29 Nov 2020 11:06:17 +0900 Subject: [PATCH 12/18] Update assessment.css --- assessment.css | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/assessment.css b/assessment.css index d0644f36c..77a3d5719 100644 --- a/assessment.css +++ b/assessment.css @@ -1,18 +1,19 @@ body { - background-color:#04A6EB; - color:#FDFFFF; - width: 500px; - margin-left: auto; - margin-right: auto; + color: #000000; + background-color: #FFFF00; + width: 500px; + margin-left: auto; + margin-right: auto; + margin-top: auto; } button { - padding: 5px 20px; - background-color: rgb(183, 51, 91); - border-style: solid; - color: #FDFFFF; + color: #FFFFFF; + padding: 5px 20px; + background-color: brown; + border-style: double; } input { - height: 20px; + height: 30px; } From ccea0aee681af55900d7378a4253271db617505f Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 29 Nov 2020 11:07:05 +0900 Subject: [PATCH 13/18] Update assessment.js --- assessment.js | 142 ++++++++++++++++++++++++-------------------------- 1 file changed, 69 insertions(+), 73 deletions(-) diff --git a/assessment.js b/assessment.js index 6059b4b2e..041074378 100644 --- a/assessment.js +++ b/assessment.js @@ -1,91 +1,87 @@ +'use strict'; const userNameInput = document.getElementById('user-name'); const assessmentButton = document.getElementById('assessment'); -const resultDivided = document.getElementById('result-area'); -const tweetDivided = document.getElementById('tweet-area'); +const resultArea = document.getElementById('result-area'); +const tweetArea = document.getElementById('tweet-area'); -// 指定した要素の子どもを全て削除する -function removeChildren (element){ - while (element.firstChild){ - element.removeChild(element.firstChild); - } +function removeAllChildren(element) { + while (element.firstChild) { + element.removeChild(element.firstChild); + } } + assessmentButton.onclick = () => { - const userName = userNameInput.value; - if (userName.length === 0){ - return; - } else { - console.log(userName); - } + const userName = userNameInput.value; + if (userName.length === 0) { + return; + } + // 診断エリア + removeAllChildren(resultArea); + const header = document.createElement('h2'); + header.innerText = '診断結果'; + resultArea.appendChild(header); - userNameInput.onkeydown = (event) => { - if (event.key === 'Enter'){ - assessmentButton.onclick(); - } - }; + const paragraph = document.createElement('p'); + const result = assessment(userName); + paragraph.innerText = result; + resultArea.appendChild(paragraph); -// 診断結果表示エリアの作成 -removeChildren(resultDivided); -const header = document.createElement('h3'); -header.innerText = '診断結果'; -resultDivided.appendChild(header); + // ツイートエリア + removeAllChildren(tweetArea); + const anchor = document.createElement('a'); + const hrefValue = 'https://twitter.com/intent/tweet?button_hashtag=' + encodeURIComponent('あなたのいいところ') + '&ref_src=twsrc%5Etfw'; + anchor.setAttribute('href', hrefValue); + anchor.setAttribute('class', 'twitter-hashtag-button'); + anchor.setAttribute('data-text', result); + anchor.innerText = 'Tweet #あなたのいいところ'; + tweetArea.appendChild(anchor); -const paragraph = document.createElement('p'); -const result = assessment(userName); -paragraph.innerText = result; -resultDivided.appendChild(paragraph); + // Widget.jsの設定 + const script = document.createElement('script'); + script.setAttribute('src', 'https://platform.twitter.com/widgets.js'); + tweetArea.appendChild(script); } -// ツイートエリアの作成 -removeChildren(tweetDivided); -const anchor = document.createElement('a'); -const hrefValue = 'https://twitter.com/intent/tweet?button_hashtag=' + encodeURIComponent('あなたのいいところ') + '&ref_src=twsrc%5Etfw'; - -anchor.setAttribute('href', hrefValue); -anchor.className = 'twitter-hashtag-button'; -anchor.setAttribute('data-text', '診断結果の文章'); -anchor.innerText = 'Tweet #あなたのいいところ'; - -tweetDivided.appendChild(anchor); - -const script = document.createElement('script'); -script.setAttribute('src', 'https://platform.twitter.com/widgets.js'); -tweetDivided.appendChild(script); +userNameInput.onkeydown = event => { + if (event.key === 'Enter') { + assessmentButton.onclick() + } +} const answers = [ -'{userName}のいいところは声です。{userName}の特徴的な声は皆を惹きつけ、心に残ります。', -'{userName}のいいところはまなざしです。{userName}に見つめられた人は、気になって仕方がないでしょう。', -'{userName}のいいところは情熱です。{userName}の情熱に周りの人は感化されます。', -'{userName}のいいところは厳しさです。{userName}の厳しさがものごとをいつも成功に導きます。', -'{userName}のいいところは知識です。博識な{userName}を多くの人が頼りにしています。', -'{userName}のいいところはユニークさです。{userName}だけのその特徴が皆を楽しくさせます。', -'{userName}のいいところは用心深さです。{userName}の洞察に、多くの人が助けられます。', -'{userName}のいいところは見た目です。内側から溢れ出る{userName}の良さに皆が気を惹かれます。', -'{userName}のいいところは決断力です。{userName}がする決断にいつも助けられる人がいます。', -'{userName}のいいところは思いやりです。{userName}に気をかけてもらった多くの人が感謝しています。', -'{userName}のいいところは感受性です。{userName}が感じたことに皆が共感し、わかりあうことができます。', -'{userName}のいいところは節度です。強引すぎない{userName}の考えに皆が感謝しています。', -'{userName}のいいところは好奇心です。新しいことに向かっていく{userName}の心構えが多くの人に魅力的に映ります。', -'{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', -'{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', -'{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。' -] + '{userName}のいいところは声です。{userName}の特徴的な声は皆を惹きつけ、心に残ります。', + '{userName}のいいところはまなざしです。{userName}に見つめられた人は、気になって仕方がないでしょう。', + '{userName}のいいところは情熱です。{userName}の情熱に周りの人は感化されます。', + '{userName}のいいところは厳しさです。{userName}の厳しさがものごとをいつも成功に導きます。', + '{userName}のいいところは知識です。博識な{userName}を多くの人が頼りにしています。', + '{userName}のいいところはユニークさです。{userName}だけのその特徴が皆を楽しくさせます。', + '{userName}のいいところは用心深さです。{userName}の洞察に、多くの人が助けられます。', + '{userName}のいいところは見た目です。内側から溢れ出る{userName}の良さに皆が気を惹かれます。', + '{userName}のいいところは決断力です。{userName}がする決断にいつも助けられる人がいます。', + '{userName}のいいところは思いやりです。{userName}に気をかけてもらった多くの人が感謝しています。', + '{userName}のいいところは感受性です。{userName}が感じたことに皆が共感し、わかりあうことができます。', + '{userName}のいいところは節度です。強引すぎない{userName}の考えに皆が感謝しています。', + '{userName}のいいところは好奇心です。新しいことに向かっていく{userName}の心構えが多くの人に魅力的に映ります。', + '{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', + '{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', + '{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。' +]; // 名前の文字列を渡すと診断結果を返す関数 -function assessment(userName){ -let sumOfCharCode = 0; -for (let i = 0; i < userName.length; i++){ +function assessment(userName) { + let sumOfCharCode = 0; + for (let i = 0; i < userName.length; i++) { sumOfCharCode = sumOfCharCode + userName.charCodeAt(i); + } + const index = sumOfCharCode % answers.length; + let result = answers[index]; + result = result.replace(/\{userName\}/g, userName); + return result; } - let index = sumOfCharCode % answers.length; - let result = answers[index]; - result = result.replace(/\{userName\}/g, userName); - return result; -} + + // テストコード -console.assert( - assessment('太郎') === '太郎のいいところは決断力です。太郎がする決断にいつも助けられる人がいます。', '診断結果の文言の特定の部分を名前に置き換える処理が正しくありません。' -); -console.assert( - assessment('太郎') === assessment('太郎'), '入力が同じ名前なら同じ診断結果を出力する処理が正しくありません。' -); +console.assert(assessment('kensuke') === 'kensukeのいいところは用心深さです。kensukeの洞察に、多くの人が助けられます。', '診断結果が正しくない') +console.assert(assessment('kensuke') === assessment('kensuke'), '入力名が同じだが違う結果') + From 7c3fdaf61896ebe8494f7fbc4ac4090376e07d86 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 29 Nov 2020 11:23:12 +0900 Subject: [PATCH 14/18] Update assessment.html --- assessment.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/assessment.html b/assessment.html index ab525f579..5654cd922 100644 --- a/assessment.html +++ b/assessment.html @@ -5,6 +5,10 @@ assessment + + + + From ef07b21ac2848360a537f7bf305fc38178ce3fa2 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 13 Dec 2020 11:00:28 +0900 Subject: [PATCH 15/18] Update assessment.js --- assessment.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/assessment.js b/assessment.js index 041074378..de434fad3 100644 --- a/assessment.js +++ b/assessment.js @@ -65,7 +65,8 @@ const answers = [ '{userName}のいいところは好奇心です。新しいことに向かっていく{userName}の心構えが多くの人に魅力的に映ります。', '{userName}のいいところは気配りです。{userName}の配慮が多くの人を救っています。', '{userName}のいいところはその全てです。ありのままの{userName}自身がいいところなのです。', - '{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。' + '{userName}のいいところは自制心です。やばいと思ったときにしっかりと衝動を抑えられる{userName}が皆から評価されています。', + '{userName}のいいところは優しさです。あなたの優しい雰囲気や立ち振る舞いに多くの人が癒やされています。' ]; // 名前の文字列を渡すと診断結果を返す関数 From 6c7d9ad84b6a05937c749557422ec526adc590c2 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sun, 13 Dec 2020 11:50:33 +0900 Subject: [PATCH 16/18] =?UTF-8?q?=E8=A6=8B=E5=87=BA=E3=81=97=E3=82=92?= =?UTF-8?q?=E4=B8=81=E5=AF=A7=E3=81=AB=E5=A4=89=E6=9B=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assessment.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assessment.html b/assessment.html index 5654cd922..7f611e600 100644 --- a/assessment.html +++ b/assessment.html @@ -13,7 +13,7 @@ -

あなたのいいところは？

+

あなたのいいところを診断します

診断したい名前を入れてください

From bf966d799bc7bebcf32a2c62ccead1b5b371acb8 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Thu, 29 Apr 2021 15:26:14 +0900 Subject: [PATCH 17/18] Update assessment.html --- assessment.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assessment.html b/assessment.html index 7f611e600..a27f06048 100644 --- a/assessment.html +++ b/assessment.html @@ -6,7 +6,7 @@ assessment - + From 5d0949854ebe2397aabfbe5a6bea3eef00f14399 Mon Sep 17 00:00:00 2001 From: kensuketachi Date: Sat, 8 May 2021 14:12:35 +0900 Subject: [PATCH 18/18] Update assessment.html --- assessment.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assessment.html b/assessment.html index a27f06048..85f6f5fc1 100644 --- a/assessment.html +++ b/assessment.html @@ -13,7 +13,7 @@ -

あなたのいいところを診断します

+

あなたのいいところを診断します

診断したい名前を入れてください