0
人々が人の名前の入力に基づいて一意のリンクでTwitterを共有できるようにします。私はjavacript内の別の関数にプライベート変数を渡すことができます
まず、人の名前を入力してURLベースを生成できる関数genurlを作成します。
第二に、人々がTwitterで共有するときにURLを共有できることを願っています。
今質問は、私は一人一人のユニークなURLベースを取得しています。どのようにしてurl ($("#result").html(url))をshareTwitter関数の変数attr1に渡すことができますか？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<title>Generate Your Referral URL Link</title>
<style>
h2 {
margin: 5px 0;
padding:0;
}
td:first-child {
\t width:150px;
}
td {
\t width:300px;
}
input {
\t width:100%;
}
</style>
</head>
<body>
<!-- Genenrate a unique url interface -->
<h1 style="margin:30px 0 0 50px;">Generate Your Referral URL Link</h1>
<table style="margin:0 50px;">
<tr><td>Backer Name:</td><td><input type="text" name="name" id="name" class="name" placeholder="Your Kickstarter Display Name (Case Sensitive)"></td></tr>
<tr><td>Join Time:</td><td><input type="text" name="time" id="time" class="time" placeholder="Month/Year You Joined Kickstarter"></td></tr>
<tr><td>Reward You Pledged:</td>
\t <td>
<select name="reward" class="reward">
\t \t <option value=""></option>
\t \t <option value="seb1">SUPER Early Bird: Charcoal/Snow</option>
\t \t <option value="seb2">SUPER Early Bird: Oak</option>
\t \t <option value="eb1">Early Bird: Charcoal/Snow</option>
\t \t <option value="seb3">SUPER Early Bird: Onyx</option>
\t \t <option value="seboo">Special Early Bird: Oak/Onyx</option>
\t \t <option value="ks1">Kickstarter Special: Charcoal/Snow</option>
\t \t <option value="seb4">Special Early Bird CONTINUED: Oak/Onyx</option>
\t \t <option value="eb2">Early Bird: Oak</option>
\t \t <option value="eb3">Early Bird: Onyx</option>
\t \t <option value="ks2">Kickstarter Special: Oak</option>
\t \t <option value="dr">Developer Reward</option>
\t \t <option value="ks3">Kickstarter Special: Onyx</option>
\t \t <option value="pc1">Personal Collection</option>
\t \t <option value="pc2">Premium Collection</option>
\t \t <option value="a4">Any 4</option>
\t \t <option value="a5">Any 5</option>
</select></td></tr>
<tr><td></td></tr>
</table>
<div style="margin:0 50px;">
<button type="button" id='genurl' onclick="genurl()">Create</button>
</div>
<div id="result" style="margin: 0 30px;"></div>
<div class="msg" style="margin: 0 30px;"></div>
</div>
<div style="margin-top: 60px;">
\t
<!-- share twitter with the unique url interface-->
<a href="javascript:void(0)" id="twitterShare" onclick="shareTwitter()" target="_blank">
\t <img src="https://daks2k3a4ib2z.cloudfront.net/58bad0d628e47e3e2911d6aa/58bad0d728e47e3e2911d711_fa-twitter_100_0_02779e_none.png" />
\t <br /><p>Share on Twitter</p>
</a>
</div>
<script type="text/javascript">
//Generate unique url
function genurl(){
var name = $(".name").val();
\t
\t name = name.trim();
\t var time = $(".time").val();
\t time = time.trim();
\t var reward = $(".reward").val();
\t if(name.length > 0 && time.length > 0 && reward.length > 0) {
\t \t var url = "https://www.kickstarter.com/projects/mobvoi/ticwatch-2-the-most-interactive-smartwatch?utm_campaign=kickstarter_backer&utm_medium=referral&utm_source=social_share&backer_id=";
\t \t url = url + encodeURIComponent(name + "_" + time + "_" + reward);
\t \t $("#result").html(url); \t
\t } else {
\t \t $(".msg").html('<h2>please write Backer Name, Join Time and Reward You Pledged！</h2>');
\t }
};
//share twitter with the unique url
function shareTwitter() {
\t
\t // How could i pass the $("#result").html(url) to variable attr1?
\t var attr1 = genurl();
\t var attr = "https://twitter.com/home?status=" + attr1;
document.getElementById("twitterShare").setAttribute('href', attr);
}
</script>
</body>
</html>
'' genurl（） 'でurl'戻る.... –