javascriptにおいてfetch()を使いたい
よろしくお願いいたします。
ブラウザ上からgooglehomeに話をさせるために
https://qiita.com/kyota/items/453047f236ca5488027c
を参考にし、下のようにindex.htmlを作成しました。
<html>
<body>
<script>
function fetch('./', {
method: 'POST',
cache: 'no-cache',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({msg:''})
})
.then(res => res.json())
.catch(error => console.error('Error:', error))
.then(response => console.log('Success:', response));
</script>
<p>
<input type="button" value="おはよう" onclick="fetch()">
</p>
<form>
<input type = "text" name="speak1"onclick="fetch()">
<button>話す</button>
</form>
</body>
</html>
ボタンを押せばgooglehomeが"おはよう",または欄に入力された言葉を
話すようにしたいのですが、思ったようになりませんでした。
fetchの使い方を教えていただけましたら、幸いです。