Skip to content

Instantly share code, notes, and snippets.

@Shono1207 Shono1207/Test.js
Created Jan 23, 2018

Embed
What would you like to do?
(function () {
'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');
/**
* 指定した要素の子どもを全て除去する
* @param {HTMLElement} element HTMLの要素
*/
function removeAllChildren(element) {
while (element.firstChild) { // 子どもの要素があるかぎり削除
element.removeChild(element.firstChild);
}
}
assessmentButton.onclick = () => {
const userName = userNameInput.value;
if (userName.length === 0) { // 名前が空の時は処理を終了する
return;
}
// 確定表示エリアの作成
removeAllChildren(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);
// ツイートエリアの作成
removeAllChildren(tweetDivided);
const anchor = document.createElement('a');
const hrefValue = 'https://twitter.com/intent/tweet?button_hashtag=%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%81%84%E3%81%84%E3%81%A8%E3%81%93%E3%82%8D&text='
+ encodeURIComponent(result);
anchor.setAttribute('href', hrefValue);
anchor.className = 'twitter-hashtag-button';
anchor.innerText = 'Tweet #%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%81%84%E3%81%84%E3%81%A8%E3%81%93%E3%82%8D';
tweetDivided.appendChild(anchor);
twttr.widgets.load();
};
userNameInput.onkeydown = (event) => {
if (event.keyCode === 13) {
assessmentButton.onclick();
}
};
const answers = [
'{userName}さん、受講ありがとうございました。第二課題完了です。'
];
/**
* 名前の文字列を渡すと確定結果を返す関数
* @param {string} userName ユーザーの名前
* @return {string} 確定結果
*/
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;
}
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.