js 157

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>js 157</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>

<div class="container">
  <h1></h1>
</div>
<script>
function henzi(){
var ssu = new SpeechSynthesisUtterance();
ssu.text = 'こんにちは。私はsiriもどきです。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function niti(){
var ssu = new SpeechSynthesisUtterance();
var hiduke = new Date();
var year = hiduke.getFullYear();
var month = hiduke.getMonth()+1;
var week = hiduke.getDay();
var day = hiduke.getDate();
ssu.text = '分かりました。えっと、今は西暦' + year + '年' + month + '月' + day + '日ですよ。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function hozon(){
var ssu = new SpeechSynthesisUtterance();
var hiduke = new Date();
var year = hiduke.getFullYear();
var month = hiduke.getMonth()+1;
var week = hiduke.getDay();
var day = hiduke.getDate();
var hozon = "西暦" + year + "年" + month + "月" + day + "日";
localStorage.setItem("data",hozon);
ssu.text = '分かりました。よし。保存しましたよ。保存したデータは、' + hozon + 'です。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function yobidasu(){
var ssu = new SpeechSynthesisUtterance();
var data = localStorage.getItem("data")
ssu.text = data + 'が保存されています。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function mata(){
var ssu = new SpeechSynthesisUtterance();
ssu.text = 'さようなら。また一緒に話しましょう。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function nemu(){
var ssu = new SpeechSynthesisUtterance();
ssu.text = 'そうですか。私はだいたい九時間ぐらい寝ていますよ。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function memo(){
var ssu = new SpeechSynthesisUtterance();
var data = document.js.Ctrlb.value;
localStorage.setItem( "md" , data );
ssu.text = '保存しました。保存した内容は、' + data + 'です。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function meyo(){
var ssu = new SpeechSynthesisUtterance();
var memo = localStorage.getItem( "md" );
ssu.text = 'わかりました。えっと、' + memo + 'って書いてありましたよ。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function eng(){
var ssu = new SpeechSynthesisUtterance();
ssu.text = 'グッドアフタヌーン';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function frn(){
var ssu = new SpeechSynthesisUtterance();
ssu.text = 'ボンジュール';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
function neru(){
var ssu = new SpeechSynthesisUtterance();
ssu.text = 'おやすみなさい。';
ssu.lang = 'ja-JP';
ssu.rate = 0.25;
speechSynthesis.speak(ssu);
}
</script>
<h2>挨拶</h2>
<button onclick="henzi()">こんにちは。</button><button onclick="mata()">さようなら。</button>
<h2>役に立つ話</h2>
<h3>外国語</h3>
<button onclick="eng()">英語の「こんにちは」は?</button>
<button onclick="frn()">フランス語の「こんにちは」は?</button>
<h3>時間系</h3>
<button onclick="niti()">今日は?</button>
<button onclick="hozon()">日付データを保存して。</button><button onclick="yobidasu()">日付データを呼び出して。</button>
<h3>メモ系</h3>
<button onclick="memo()">コントロール用文字列入力欄に書いてある文字列をメモして。</button>
<button onclick="meyo()">メモした内容を聞かせて。</button>
<h2>雑談</h2>
<button onclick="nemu()">眠い。</button><button onclick="neru()">寝る。</button>
<h2>コントロール用文字列入力欄</h2>
<form name="js">
<textarea placeholder="文字を入力して下さい。" name="Ctrlb" cols="50" rows="1"></textarea>
</form>
ver 1.01<br>
ver 1.02<br>
</body>
</html>
@charset "UTF-8";

body {
  background: #f8f8f8;
}
window.addEventListener('load', function() {
  document.querySelector('h1').innerHTML = 'js 157';
}, false);
Full page Open in App

over 1 year ago

v1.02です。

Pages


comments powered by Disqus