CONTENTS

-->

reaction

// Reaction Button JavaScript // Get reaction buttons const reactionButtons = document.querySelectorAll('.reaction-button'); // Add event listener to reaction buttons reactionButtons.forEach(button => { button.addEventListener('click', () => { const reaction = button.dataset.reaction; const postID = button.dataset.postid; // Send AJAX request to update reaction count const xhr = new XMLHttpRequest(); xhr.open('POST', '/reaction', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send(`reaction=${reaction}&postID=${postID}`); // Update reaction count on page const reactionCount = document.querySelector(`.reaction-count[data-postid="${postID}"]`); reactionCount.innerHTML = parseInt(reactionCount.innerHTML) + 1; }); });

const express = require('express'); const app = express(); const bodyParser = require('body-parser'); const mongoose = require('mongoose'); mongoose.connect('mongodb://localhost/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true }); const User = mongoose.model('User', { phone: String, verificationCode: String }); app.use(bodyParser.json()); app.post('/send-verification-code', (req, res) => { const { phone, countryCode } = req.body; const verificationCode = Math.floor(100000 + Math.random() * 900000); const user = new User({ phone, verificationCode }); user.save((err) => { if (err) { res.json({ success: false }); } else { // Send verification code via SMS (using Twilio or Nexmo) res.json({ success: true }); } }); }); app.post('/verify-login-code', (req, res) => { const { phone, code } = req.body; User.findOne({ phone }, (err, user) => { if (err || !user) { res.json({ success: false }); } else if (user.verificationCode === code) { res.json({ success: true }); } else { res.json({ success: false }); } }); }); app.post('/verify-signup-code', (req, res) => { const { phone, code } = req.body; User.findOne({ phone }, (err, user) => { if (err || !user) { res.json({ success: false }); } else if (user.verificationCode === code) { res.json({ success: true }); } else { res.json({ success: false }); } }); }); app.post('/send-message', (req, res) => { const { message, phone } = req.body; // Save message to database res.json({ success: true }); }); const port = 3000; app.listen(port, () => { console.log(`Server listening on port ${port}`); });

button

let timeout; let longPress = false; function showOptions(event, emotion, postID) { timeout = setTimeout(() => { longPress = true; document.getElementById("reaction-options").style.display = "flex"; }, 500); } function hideOptions() { clearTimeout(timeout); if (!longPress) { reaction("like", "post123"); } longPress = false; document.getElementById("reaction-options").style.display = "none"; } function reaction(emotion, postID) { // Send AJAX request to update reaction count var xhr = new XMLHttpRequest(); xhr.open('POST', '/reaction', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('reaction=' + emotion + '&postID=' + postID); // Update reaction count on page document.getElementById(`reaction-count-${postID}`).innerHTML = parseInt(document.getElementById(`reaction-count-${postID}`).innerHTML) + 1; }

Reaction buttons

// Reaction Buttons JavaScript function reactionButton(event) { var reaction = event.target.dataset.reaction; var postID = event.target.dataset.postid; // Send AJAX request to update reaction count var xhr = new XMLHttpRequest(); xhr.open('POST', '/reaction', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('reaction=' + reaction + '&postID=' + postID); // Update reaction count on page var reactionCount = document.querySelector('.reaction-count[data-postid="' + postID + '"]'); reactionCount.innerHTML = parseInt(reactionCount.innerHTML) + 1; } // Add event listener to reaction buttons var reactionButtons = document.querySelectorAll('.reaction-button'); reactionButtons.forEach(function(button) { button.addEventListener('click', reactionButton); });