From 00a698d36d8cdd7ce6c5c6951db456a2073c632f Mon Sep 17 00:00:00 2001 From: ShawnMorreau Date: Sat, 3 Oct 2020 13:36:11 -0400 Subject: [PATCH 1/3] add a loading statue to the button when submit is pressed and clear after 1.5 seconds --- docs/mix-manifest.json | 82 +++++++++++++++++++++++++++++++++ src/js/app.js | 8 +++- src/js/formHelper/formHelper.js | 23 +++++++++ 3 files changed, 111 insertions(+), 2 deletions(-) create mode 100644 docs/mix-manifest.json create mode 100644 src/js/formHelper/formHelper.js diff --git a/docs/mix-manifest.json b/docs/mix-manifest.json new file mode 100644 index 0000000..610fdfb --- /dev/null +++ b/docs/mix-manifest.json @@ -0,0 +1,82 @@ +{ + "/app.js": "/app.js", + "/app.00c1857b4208620e92e3.hot-update.js": "/app.00c1857b4208620e92e3.hot-update.js", + "/app.99be439f04f469c35ad5.hot-update.js": "/app.99be439f04f469c35ad5.hot-update.js", + "/app.cac91676294edde77b97.hot-update.js": "/app.cac91676294edde77b97.hot-update.js", + "/app.a98b9bcc8717597d2a59.hot-update.js": "/app.a98b9bcc8717597d2a59.hot-update.js", + "/app.3ff56d09a03568b41a4d.hot-update.js": "/app.3ff56d09a03568b41a4d.hot-update.js", + "/app.baaf853cd932567a9aea.hot-update.js": "/app.baaf853cd932567a9aea.hot-update.js", + "/app.0f19d247d87a4ed24937.hot-update.js": "/app.0f19d247d87a4ed24937.hot-update.js", + "/app.af4f505bae078c6a4c79.hot-update.js": "/app.af4f505bae078c6a4c79.hot-update.js", + "/app.f6339419129801335bfe.hot-update.js": "/app.f6339419129801335bfe.hot-update.js", + "/app.ef562b252e3d06ac2548.hot-update.js": "/app.ef562b252e3d06ac2548.hot-update.js", + "/app.e55cb5edccdbde4d2218.hot-update.js": "/app.e55cb5edccdbde4d2218.hot-update.js", + "/app.21630ab409979691d948.hot-update.js": "/app.21630ab409979691d948.hot-update.js", + "/app.ea749119098f240ed6f3.hot-update.js": "/app.ea749119098f240ed6f3.hot-update.js", + "/app.5ea3955712d09a92109e.hot-update.js": "/app.5ea3955712d09a92109e.hot-update.js", + "/app.2baa83c76db69cb4ccdb.hot-update.js": "/app.2baa83c76db69cb4ccdb.hot-update.js", + "/app.7bca997b8039c2d07734.hot-update.js": "/app.7bca997b8039c2d07734.hot-update.js", + "/app.39ec16b5b067643a0224.hot-update.js": "/app.39ec16b5b067643a0224.hot-update.js", + "/app.7ca77cf00996b96fd323.hot-update.js": "/app.7ca77cf00996b96fd323.hot-update.js", + "/app.834aeaa6d60ce5ce2541.hot-update.js": "/app.834aeaa6d60ce5ce2541.hot-update.js", + "/app.e70dadd6f32c461f7808.hot-update.js": "/app.e70dadd6f32c461f7808.hot-update.js", + "/app.a73e146866c9a7b310ba.hot-update.js": "/app.a73e146866c9a7b310ba.hot-update.js", + "/app.e55cd784c7f34e277993.hot-update.js": "/app.e55cd784c7f34e277993.hot-update.js", + "/app.98f513dad1b76d04455e.hot-update.js": "/app.98f513dad1b76d04455e.hot-update.js", + "/app.a1ad82ee46af65a8d99f.hot-update.js": "/app.a1ad82ee46af65a8d99f.hot-update.js", + "/app.20b6d97a67b47657584f.hot-update.js": "/app.20b6d97a67b47657584f.hot-update.js", + "/app.4e29412c7f92354fc601.hot-update.js": "/app.4e29412c7f92354fc601.hot-update.js", + "/app.4795ce56819de7f0f09b.hot-update.js": "/app.4795ce56819de7f0f09b.hot-update.js", + "/app.646bde2f630fda8fbbcc.hot-update.js": "/app.646bde2f630fda8fbbcc.hot-update.js", + "/app.e287b9efe0c85662b454.hot-update.js": "/app.e287b9efe0c85662b454.hot-update.js", + "/app.9ffd52836b8802ddb1a8.hot-update.js": "/app.9ffd52836b8802ddb1a8.hot-update.js", + "/app.b4c9bb41a4d5a25c4eaf.hot-update.js": "/app.b4c9bb41a4d5a25c4eaf.hot-update.js", + "/app.d9315cb19a6969290e57.hot-update.js": "/app.d9315cb19a6969290e57.hot-update.js", + "/app.227fde5ddff50c620657.hot-update.js": "/app.227fde5ddff50c620657.hot-update.js", + "/app.1207fa865c44bc359739.hot-update.js": "/app.1207fa865c44bc359739.hot-update.js", + "/app.da1fde0e0d04cca91565.hot-update.js": "/app.da1fde0e0d04cca91565.hot-update.js", + "/app.6d20da11b14dcb9408e5.hot-update.js": "/app.6d20da11b14dcb9408e5.hot-update.js", + "/app.a65e570faa1c3976fa73.hot-update.js": "/app.a65e570faa1c3976fa73.hot-update.js", + "/app.a164ad32b51fb5e1e285.hot-update.js": "/app.a164ad32b51fb5e1e285.hot-update.js", + "/app.6ef46625d745ad378a5f.hot-update.js": "/app.6ef46625d745ad378a5f.hot-update.js", + "/app.3a1c527da9ad24ada3ea.hot-update.js": "/app.3a1c527da9ad24ada3ea.hot-update.js", + "/app.79ad23535ac4b55b5197.hot-update.js": "/app.79ad23535ac4b55b5197.hot-update.js", + "/app.ab1627387ddedee80044.hot-update.js": "/app.ab1627387ddedee80044.hot-update.js", + "/app.fc48a2088bb28aaa3159.hot-update.js": "/app.fc48a2088bb28aaa3159.hot-update.js", + "/app.3fa625fa0b32e2afdc75.hot-update.js": "/app.3fa625fa0b32e2afdc75.hot-update.js", + "/app.06ee0797b8f45b392549.hot-update.js": "/app.06ee0797b8f45b392549.hot-update.js", + "/app.e26f2b977ff82b845e78.hot-update.js": "/app.e26f2b977ff82b845e78.hot-update.js", + "/app.a44cc5162b20f8b777da.hot-update.js": "/app.a44cc5162b20f8b777da.hot-update.js", + "/app.e949f6967df18e335f38.hot-update.js": "/app.e949f6967df18e335f38.hot-update.js", + "/app.4a9c0a81f9efaee0f0c6.hot-update.js": "/app.4a9c0a81f9efaee0f0c6.hot-update.js", + "/app.5ed1f5a6548b6dd3045f.hot-update.js": "/app.5ed1f5a6548b6dd3045f.hot-update.js", + "/app.2b091b1fb3a65ddd23dd.hot-update.js": "/app.2b091b1fb3a65ddd23dd.hot-update.js", + "/app.929586c71588ff654582.hot-update.js": "/app.929586c71588ff654582.hot-update.js", + "/app.d96f7ccd0ad4da274f7d.hot-update.js": "/app.d96f7ccd0ad4da274f7d.hot-update.js", + "/app.86b50421b6a9a7960df7.hot-update.js": "/app.86b50421b6a9a7960df7.hot-update.js", + "/app.12b45c72e1a9ce73fdb4.hot-update.js": "/app.12b45c72e1a9ce73fdb4.hot-update.js", + "/app.9fcd8cf1e39da7ea33ce.hot-update.js": "/app.9fcd8cf1e39da7ea33ce.hot-update.js", + "/app.7031e9cd4c774624228f.hot-update.js": "/app.7031e9cd4c774624228f.hot-update.js", + "/app.b1316fa4f0f0b8aef04d.hot-update.js": "/app.b1316fa4f0f0b8aef04d.hot-update.js", + "/app.289c694b05f9070fa954.hot-update.js": "/app.289c694b05f9070fa954.hot-update.js", + "/app.5db437bf38044f53c871.hot-update.js": "/app.5db437bf38044f53c871.hot-update.js", + "/app.98e5e0db4d04f5e07d1f.hot-update.js": "/app.98e5e0db4d04f5e07d1f.hot-update.js", + "/app.953270b344f8fb083dd7.hot-update.js": "/app.953270b344f8fb083dd7.hot-update.js", + "/app.0ebb2a9a9b1aaa2d5ce8.hot-update.js": "/app.0ebb2a9a9b1aaa2d5ce8.hot-update.js", + "/app.e2d079c47df72b7a25ce.hot-update.js": "/app.e2d079c47df72b7a25ce.hot-update.js", + "/app.33f6c08c3ecd47c17b90.hot-update.js": "/app.33f6c08c3ecd47c17b90.hot-update.js", + "/app.94c2154eefdeddc36977.hot-update.js": "/app.94c2154eefdeddc36977.hot-update.js", + "/app.ea603e13e954ed6f8cd3.hot-update.js": "/app.ea603e13e954ed6f8cd3.hot-update.js", + "/app.71ffb70eef39deb24111.hot-update.js": "/app.71ffb70eef39deb24111.hot-update.js", + "/app.1edb17c6497c9ea6fc99.hot-update.js": "/app.1edb17c6497c9ea6fc99.hot-update.js", + "/app.4e01172c2b866e0cbe3b.hot-update.js": "/app.4e01172c2b866e0cbe3b.hot-update.js", + "/app.1464358f2b01f3912979.hot-update.js": "/app.1464358f2b01f3912979.hot-update.js", + "/app.a94aa0be5f48ad93c2a7.hot-update.js": "/app.a94aa0be5f48ad93c2a7.hot-update.js", + "/app.7f1cc7047af8ac4d331e.hot-update.js": "/app.7f1cc7047af8ac4d331e.hot-update.js", + "/app.a852d6f7e4be46a84680.hot-update.js": "/app.a852d6f7e4be46a84680.hot-update.js", + "/app.4df15fe8fe6930ec3555.hot-update.js": "/app.4df15fe8fe6930ec3555.hot-update.js", + "/app.e3d3178803f3d7ec8703.hot-update.js": "/app.e3d3178803f3d7ec8703.hot-update.js", + "/app.ab1a4d51ba66b36108a2.hot-update.js": "/app.ab1a4d51ba66b36108a2.hot-update.js", + "/app.27e70d43fb3fb3348aad.hot-update.js": "/app.27e70d43fb3fb3348aad.hot-update.js", + "/app.93dee7f35d009c5eebd3.hot-update.js": "/app.93dee7f35d009c5eebd3.hot-update.js" +} diff --git a/src/js/app.js b/src/js/app.js index ce8ba8c..c9f8299 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -1,4 +1,5 @@ import axios from "axios"; +import {disableForm,resetForm} from "./formHelper/formHelper"; // Set config defaults when creating the instance const instance = axios.create({ @@ -22,7 +23,6 @@ const app = { inviteForm.addEventListener("submit", function(event) { event.preventDefault(); - instance.post("/slack-inviter-poster", { "name": inviteForm.querySelector("[name=name]").value, "email": inviteForm.querySelector("[name=email]").value, @@ -33,7 +33,11 @@ const app = { 'Content-Type': 'application/json', } }).then(() => { - alert("Thank you, your form has been sent, your Slack invite will be emailed to you shortly!"); + disableForm(inviteForm); + setTimeout(()=>{ + alert("Thank you, your form has been sent, your Slack invite will be emailed to you shortly!"); + resetForm(inviteForm); + },1500); }); }) } diff --git a/src/js/formHelper/formHelper.js b/src/js/formHelper/formHelper.js new file mode 100644 index 0000000..39f5aba --- /dev/null +++ b/src/js/formHelper/formHelper.js @@ -0,0 +1,23 @@ +export function disableForm(form) { + const btn = form.querySelector("button"); + btn.disabled = true; + btn.style.opacity = "0.5"; + btn.textContent = "Submitting..."; + + const inputs = Array.from(form.querySelectorAll(".form__input")); + inputs.map(input => input.disabled = true); +} + +export function resetForm(form) { + const btn = form.querySelector("button"); + btn.disabled = false; + btn.style.opacity = "1"; + btn.textContent = "Submit"; + + const inputs = Array.from(form.querySelectorAll(".form__input")); + inputs.map(input => { + input.disabled = true; + input.value = ""; + }); + +} From 693ff645c94f82fcbe1c5fc2e58399a478d43dbf Mon Sep 17 00:00:00 2001 From: ShawnMorreau Date: Sat, 3 Oct 2020 13:51:12 -0400 Subject: [PATCH 2/3] add a loading state to the submit button --- docs/mix-manifest.json | 80 +-------------------------------- src/js/formHelper/formHelper.js | 6 ++- 2 files changed, 5 insertions(+), 81 deletions(-) diff --git a/docs/mix-manifest.json b/docs/mix-manifest.json index 610fdfb..f1c1089 100644 --- a/docs/mix-manifest.json +++ b/docs/mix-manifest.json @@ -1,82 +1,4 @@ { "/app.js": "/app.js", - "/app.00c1857b4208620e92e3.hot-update.js": "/app.00c1857b4208620e92e3.hot-update.js", - "/app.99be439f04f469c35ad5.hot-update.js": "/app.99be439f04f469c35ad5.hot-update.js", - "/app.cac91676294edde77b97.hot-update.js": "/app.cac91676294edde77b97.hot-update.js", - "/app.a98b9bcc8717597d2a59.hot-update.js": "/app.a98b9bcc8717597d2a59.hot-update.js", - "/app.3ff56d09a03568b41a4d.hot-update.js": "/app.3ff56d09a03568b41a4d.hot-update.js", - "/app.baaf853cd932567a9aea.hot-update.js": "/app.baaf853cd932567a9aea.hot-update.js", - "/app.0f19d247d87a4ed24937.hot-update.js": "/app.0f19d247d87a4ed24937.hot-update.js", - "/app.af4f505bae078c6a4c79.hot-update.js": "/app.af4f505bae078c6a4c79.hot-update.js", - "/app.f6339419129801335bfe.hot-update.js": "/app.f6339419129801335bfe.hot-update.js", - "/app.ef562b252e3d06ac2548.hot-update.js": "/app.ef562b252e3d06ac2548.hot-update.js", - "/app.e55cb5edccdbde4d2218.hot-update.js": "/app.e55cb5edccdbde4d2218.hot-update.js", - "/app.21630ab409979691d948.hot-update.js": "/app.21630ab409979691d948.hot-update.js", - "/app.ea749119098f240ed6f3.hot-update.js": "/app.ea749119098f240ed6f3.hot-update.js", - "/app.5ea3955712d09a92109e.hot-update.js": "/app.5ea3955712d09a92109e.hot-update.js", - "/app.2baa83c76db69cb4ccdb.hot-update.js": "/app.2baa83c76db69cb4ccdb.hot-update.js", - "/app.7bca997b8039c2d07734.hot-update.js": "/app.7bca997b8039c2d07734.hot-update.js", - "/app.39ec16b5b067643a0224.hot-update.js": "/app.39ec16b5b067643a0224.hot-update.js", - "/app.7ca77cf00996b96fd323.hot-update.js": "/app.7ca77cf00996b96fd323.hot-update.js", - "/app.834aeaa6d60ce5ce2541.hot-update.js": "/app.834aeaa6d60ce5ce2541.hot-update.js", - "/app.e70dadd6f32c461f7808.hot-update.js": "/app.e70dadd6f32c461f7808.hot-update.js", - "/app.a73e146866c9a7b310ba.hot-update.js": "/app.a73e146866c9a7b310ba.hot-update.js", - "/app.e55cd784c7f34e277993.hot-update.js": "/app.e55cd784c7f34e277993.hot-update.js", - "/app.98f513dad1b76d04455e.hot-update.js": "/app.98f513dad1b76d04455e.hot-update.js", - "/app.a1ad82ee46af65a8d99f.hot-update.js": "/app.a1ad82ee46af65a8d99f.hot-update.js", - "/app.20b6d97a67b47657584f.hot-update.js": "/app.20b6d97a67b47657584f.hot-update.js", - "/app.4e29412c7f92354fc601.hot-update.js": "/app.4e29412c7f92354fc601.hot-update.js", - "/app.4795ce56819de7f0f09b.hot-update.js": "/app.4795ce56819de7f0f09b.hot-update.js", - "/app.646bde2f630fda8fbbcc.hot-update.js": "/app.646bde2f630fda8fbbcc.hot-update.js", - "/app.e287b9efe0c85662b454.hot-update.js": "/app.e287b9efe0c85662b454.hot-update.js", - "/app.9ffd52836b8802ddb1a8.hot-update.js": "/app.9ffd52836b8802ddb1a8.hot-update.js", - "/app.b4c9bb41a4d5a25c4eaf.hot-update.js": "/app.b4c9bb41a4d5a25c4eaf.hot-update.js", - "/app.d9315cb19a6969290e57.hot-update.js": "/app.d9315cb19a6969290e57.hot-update.js", - "/app.227fde5ddff50c620657.hot-update.js": "/app.227fde5ddff50c620657.hot-update.js", - "/app.1207fa865c44bc359739.hot-update.js": "/app.1207fa865c44bc359739.hot-update.js", - "/app.da1fde0e0d04cca91565.hot-update.js": "/app.da1fde0e0d04cca91565.hot-update.js", - "/app.6d20da11b14dcb9408e5.hot-update.js": "/app.6d20da11b14dcb9408e5.hot-update.js", - "/app.a65e570faa1c3976fa73.hot-update.js": "/app.a65e570faa1c3976fa73.hot-update.js", - "/app.a164ad32b51fb5e1e285.hot-update.js": "/app.a164ad32b51fb5e1e285.hot-update.js", - "/app.6ef46625d745ad378a5f.hot-update.js": "/app.6ef46625d745ad378a5f.hot-update.js", - "/app.3a1c527da9ad24ada3ea.hot-update.js": "/app.3a1c527da9ad24ada3ea.hot-update.js", - "/app.79ad23535ac4b55b5197.hot-update.js": "/app.79ad23535ac4b55b5197.hot-update.js", - "/app.ab1627387ddedee80044.hot-update.js": "/app.ab1627387ddedee80044.hot-update.js", - "/app.fc48a2088bb28aaa3159.hot-update.js": "/app.fc48a2088bb28aaa3159.hot-update.js", - "/app.3fa625fa0b32e2afdc75.hot-update.js": "/app.3fa625fa0b32e2afdc75.hot-update.js", - "/app.06ee0797b8f45b392549.hot-update.js": "/app.06ee0797b8f45b392549.hot-update.js", - "/app.e26f2b977ff82b845e78.hot-update.js": "/app.e26f2b977ff82b845e78.hot-update.js", - "/app.a44cc5162b20f8b777da.hot-update.js": "/app.a44cc5162b20f8b777da.hot-update.js", - "/app.e949f6967df18e335f38.hot-update.js": "/app.e949f6967df18e335f38.hot-update.js", - "/app.4a9c0a81f9efaee0f0c6.hot-update.js": "/app.4a9c0a81f9efaee0f0c6.hot-update.js", - "/app.5ed1f5a6548b6dd3045f.hot-update.js": "/app.5ed1f5a6548b6dd3045f.hot-update.js", - "/app.2b091b1fb3a65ddd23dd.hot-update.js": "/app.2b091b1fb3a65ddd23dd.hot-update.js", - "/app.929586c71588ff654582.hot-update.js": "/app.929586c71588ff654582.hot-update.js", - "/app.d96f7ccd0ad4da274f7d.hot-update.js": "/app.d96f7ccd0ad4da274f7d.hot-update.js", - "/app.86b50421b6a9a7960df7.hot-update.js": "/app.86b50421b6a9a7960df7.hot-update.js", - "/app.12b45c72e1a9ce73fdb4.hot-update.js": "/app.12b45c72e1a9ce73fdb4.hot-update.js", - "/app.9fcd8cf1e39da7ea33ce.hot-update.js": "/app.9fcd8cf1e39da7ea33ce.hot-update.js", - "/app.7031e9cd4c774624228f.hot-update.js": "/app.7031e9cd4c774624228f.hot-update.js", - "/app.b1316fa4f0f0b8aef04d.hot-update.js": "/app.b1316fa4f0f0b8aef04d.hot-update.js", - "/app.289c694b05f9070fa954.hot-update.js": "/app.289c694b05f9070fa954.hot-update.js", - "/app.5db437bf38044f53c871.hot-update.js": "/app.5db437bf38044f53c871.hot-update.js", - "/app.98e5e0db4d04f5e07d1f.hot-update.js": "/app.98e5e0db4d04f5e07d1f.hot-update.js", - "/app.953270b344f8fb083dd7.hot-update.js": "/app.953270b344f8fb083dd7.hot-update.js", - "/app.0ebb2a9a9b1aaa2d5ce8.hot-update.js": "/app.0ebb2a9a9b1aaa2d5ce8.hot-update.js", - "/app.e2d079c47df72b7a25ce.hot-update.js": "/app.e2d079c47df72b7a25ce.hot-update.js", - "/app.33f6c08c3ecd47c17b90.hot-update.js": "/app.33f6c08c3ecd47c17b90.hot-update.js", - "/app.94c2154eefdeddc36977.hot-update.js": "/app.94c2154eefdeddc36977.hot-update.js", - "/app.ea603e13e954ed6f8cd3.hot-update.js": "/app.ea603e13e954ed6f8cd3.hot-update.js", - "/app.71ffb70eef39deb24111.hot-update.js": "/app.71ffb70eef39deb24111.hot-update.js", - "/app.1edb17c6497c9ea6fc99.hot-update.js": "/app.1edb17c6497c9ea6fc99.hot-update.js", - "/app.4e01172c2b866e0cbe3b.hot-update.js": "/app.4e01172c2b866e0cbe3b.hot-update.js", - "/app.1464358f2b01f3912979.hot-update.js": "/app.1464358f2b01f3912979.hot-update.js", - "/app.a94aa0be5f48ad93c2a7.hot-update.js": "/app.a94aa0be5f48ad93c2a7.hot-update.js", - "/app.7f1cc7047af8ac4d331e.hot-update.js": "/app.7f1cc7047af8ac4d331e.hot-update.js", - "/app.a852d6f7e4be46a84680.hot-update.js": "/app.a852d6f7e4be46a84680.hot-update.js", - "/app.4df15fe8fe6930ec3555.hot-update.js": "/app.4df15fe8fe6930ec3555.hot-update.js", - "/app.e3d3178803f3d7ec8703.hot-update.js": "/app.e3d3178803f3d7ec8703.hot-update.js", - "/app.ab1a4d51ba66b36108a2.hot-update.js": "/app.ab1a4d51ba66b36108a2.hot-update.js", - "/app.27e70d43fb3fb3348aad.hot-update.js": "/app.27e70d43fb3fb3348aad.hot-update.js", - "/app.93dee7f35d009c5eebd3.hot-update.js": "/app.93dee7f35d009c5eebd3.hot-update.js" + "/app.44b3c0de19a926b0aa07.hot-update.js": "/app.44b3c0de19a926b0aa07.hot-update.js" } diff --git a/src/js/formHelper/formHelper.js b/src/js/formHelper/formHelper.js index 39f5aba..c35a31b 100644 --- a/src/js/formHelper/formHelper.js +++ b/src/js/formHelper/formHelper.js @@ -5,7 +5,9 @@ export function disableForm(form) { btn.textContent = "Submitting..."; const inputs = Array.from(form.querySelectorAll(".form__input")); - inputs.map(input => input.disabled = true); + inputs.map(input => { + input.disabled = true; + }); } export function resetForm(form) { @@ -16,7 +18,7 @@ export function resetForm(form) { const inputs = Array.from(form.querySelectorAll(".form__input")); inputs.map(input => { - input.disabled = true; + input.disabled = false; input.value = ""; }); From d0f68fc8b4b2eaba9421afba750b10215228a12d Mon Sep 17 00:00:00 2001 From: ShawnMorreau Date: Sat, 3 Oct 2020 13:57:36 -0400 Subject: [PATCH 3/3] fixed spacing --- src/js/app.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/js/app.js b/src/js/app.js index c9f8299..4a0efad 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -23,6 +23,7 @@ const app = { inviteForm.addEventListener("submit", function(event) { event.preventDefault(); + instance.post("/slack-inviter-poster", { "name": inviteForm.querySelector("[name=name]").value, "email": inviteForm.querySelector("[name=email]").value,